본문으로 건너뛰기
cccskills

'keyboard' 검색 결과

414건 · 관련도순

Review mobile test coverage across real devices and simulated screen sizes. Find gaps in automated checks and CI, the workflow that runs project checks, and add Playwright tests for key mobile user flows.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Reviewing mobile test coverage in CI
  • Adding Playwright tests for mobile user flows
  • Planning Android and iOS real-device checks
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review page landmarks, the named regions screen reader users navigate between. The skill checks semantic HTML elements, a single main content region, and labels for repeated region types, then identifies markup changes and ways to verify them.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Reviewing page structure for screen reader navigation
  • Replacing generic containers with semantic HTML elements
  • Checking labels for multiple navigation regions
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Find links that use identical text but lead to different URLs. Review the rendered page and suggest distinct labels or consistent destinations so readers, including people using screen readers, can understand where each link goes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Find identical link text with different destinations
  • Improve labels in screen reader link lists
  • Review links in shared components
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review web page headings for skipped levels and unclear hierarchy. Identify specific elements to adjust, explain how heading structure supports screen reader navigation, and describe how to verify the revised page with accessibility tools.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Checking heading levels across a web page
  • Reviewing heading structure in shared components
  • Improving navigation through screen reader heading lists
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review image alt text, the descriptions read by screen readers, for unnecessary phrases and duplication of nearby text. Identify specific images to fix and make their descriptions concise while preserving information about what the images mean.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Reviewing image descriptions for accessibility
  • Removing alt text that repeats nearby captions
  • Checking screen reader output after fixes
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review iframe and frame titles so screen reader users can identify embedded content before entering it. Find missing or empty title attributes, add meaningful descriptions, and verify the changes with browser accessibility tools or assistive technology.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Checking titles on embedded advertisements and social media widgets
  • Reviewing missing or empty iframe title attributes
  • Verifying frame identification with a screen reader
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review form fields to ensure each has a properly connected label. Identify placeholder-only names and missing group headings, then guide markup fixes that help screen readers identify inputs and make labels clickable.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Reviewing labels in an application form
  • Replacing placeholder-only field names
  • Checking checkbox and radio button groups
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review interface copy for assumptions about disability, gender, or culture. Suggest neutral wording, clearer instructions, and constructive error messages that guide people through problems without blaming them or relying on culturally specific expressions.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Reviewing interface copy for exclusionary language
  • Rewriting error messages that blame users
  • Replacing gender assumptions with neutral wording
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Check form fields for duplicate labels that may confuse screen readers or voice control. Identify affected inputs and suggest consolidating labels or using aria-labelledby, an attribute that connects a field to multiple pieces of naming text.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Finding duplicate labels on form inputs
  • Combining multiple text sources into a field name
  • Reviewing form labels with screen readers
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review image input buttons for missing or empty alternative text. Suggest alt attributes that describe actions such as searching or submitting, and explain how to verify that screen readers communicate each button’s purpose.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Checking alternative text on image input buttons
  • Improving labels for search and submit buttons
  • Reviewing shared image button components
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review web page headings for skipped levels, unclear labels, and incorrect structure. Organize HTML headings around the content so people using screen readers can understand page sections and navigate between them.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Audit heading levels on a web page
  • Improve navigation for screen reader users
  • Review headings in design-system patterns
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review rendered HTML for duplicate IDs used by ARIA attributes, which connect elements to labels and descriptions for assistive technology. Identify ambiguous references, correct IDs and their links, and explain how to verify the changes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Investigating incorrect labels read by screen readers
  • Checking repeated components for duplicate IDs
  • Reviewing ARIA references in a design system
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Find empty headings or headings containing only whitespace in rendered web pages. Guide fixes by adding descriptive text or removing unnecessary heading tags, helping screen reader users navigate a meaningful document structure.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Find empty headings in web pages
  • Review components that use headings only for styling
  • Check heading navigation with a screen reader
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

dlitem

무료

Review HTML lists of terms and descriptions, finding dt and dd elements used without a containing dl. Help correct the structure so assistive technologies can associate each term with its description, and explain how to verify the fix.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Check HTML structure in a glossary
  • Review lists of metadata labels and values
  • Fix dt and dd elements missing a containing dl
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Check HTML definition lists, which pair terms with descriptions, for structural problems. Identify invalid child elements and unclear relationships, suggest markup fixes, and explain how to verify that screen readers group the information correctly.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Reviewing HTML structure in glossaries
  • Checking term and description relationships
  • Fixing definition lists that confuse screen readers
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Find empty links, unlabeled icon links, and broken destinations. Add descriptive text or labels that screen readers can announce, and fix or remove broken links so users can understand where each link leads.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Finding empty links across a page
  • Adding destination labels to icon links
  • Reviewing and fixing broken link destinations
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review GIFs, videos, and CSS animations for rapid flashing that may trigger seizures in photosensitive users. Check flash frequency and screen area, then suggest removing or slowing effects or replacing them with fades or static content.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Checking flashing effects in animated GIFs
  • Reviewing rapid flashing in videos and CSS animations
  • Replacing flashing effects with fades or static content
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Check text, input borders, meaningful icons, and other interface elements for sufficient color contrast. Guide color adjustments against WCAG accessibility thresholds and verify readability across default, hover, focus, active, and visited states.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Checking text against background colors
  • Reviewing input borders and meaningful icons
  • Checking contrast during hover and keyboard focus
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review buttons for missing or unclear names, including controls that contain only icons. Add text or labels that explain each action to screen reader users, and replace buttons used for page navigation with links.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Finding buttons without descriptive names
  • Labeling icon-only buttons for screen readers
  • Checking whether navigation controls should be links
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review dynamic page updates so screen reader users hear status changes without moving focus. Check ARIA live regions, areas that announce updates, choose suitable announcement urgency, and identify markup or interaction issues to verify with accessibility tools.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Checking announcements of form results and errors
  • Making cart updates audible to screen reader users
  • Reviewing loading and status announcements
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review meter elements for accessible names, the labels screen readers use to explain what a value measures. Identify missing labels, add aria-label or aria-labelledby, and describe checks using browser accessibility tools or assistive technology.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Check labels for battery and storage meters
  • Add accessible names to meter elements
  • Review meters in shared UI components
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review HTML for deprecated ARIA roles, which describe elements to assistive technology, and abstract roles that should not appear in markup. Suggest recommended replacements or native HTML elements and explain potential browser and screen reader compatibility issues.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Find deprecated ARIA roles in existing code
  • Review whether native HTML can replace custom roles
  • Inspect role usage in shared UI components
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Check HTML for misspelled or nonexistent ARIA attributes, which convey interface information to assistive technology. Replace invalid names with standard attributes and explain how to verify that screen readers can interpret element roles and states.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Checking HTML for misspelled ARIA attributes
  • Investigating interface states missing from screen reader output
  • Reviewing accessibility attributes in shared components
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review HTML tables so screen reader users can understand how headers and data relate. Check header markup, table descriptions, and merged cells, then identify specific fixes and ways to verify them.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Reviewing tables for screen reader accessibility
  • Checking header relationships in tables with merged cells
  • Reviewing table patterns in a design system
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트