본문으로 건너뛰기
cccskills

'screen-reader' 검색 결과

90건 · 관련도순

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 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 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일 업데이트

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 where keyboard focus, the current target for keyboard input, moves when dialogs open, views change, or content updates. Identify misplaced or lost focus and propose changes that help keyboard and screen reader users continue navigating.

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

  • Checking focus when dialogs open and close
  • Reviewing focus after SPA navigation
  • Keeping keyboard navigation usable during content updates
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review keyboard focus, the element currently selected for interaction, to check that Tab navigation follows the page’s visual order. Identify HTML ordering issues and verify focus stays within dialogs and returns to their triggers.

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

  • Auditing a page’s Tab navigation order
  • Checking focus when dialogs open and close
  • Reviewing HTML order and tabindex values
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일 업데이트

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일 업데이트

Review links, buttons, and form fields for duplicate HTML IDs. Identify affected controls, suggest unique IDs, and explain how to verify keyboard navigation, focus movement, and screen reader behavior after the fix.

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

  • Checking HTML IDs in forms
  • Investigating unexpected keyboard focus
  • Reviewing shared interactive components
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일 업데이트

Review decorative images and icons to prevent unnecessary screen reader announcements. Check empty alt text, aria-hidden, and relevant keyboard behavior, then suggest fixes for concrete accessibility issues without flagging decorative assets solely because they exist.

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

  • Checking decorative images for unnecessary announcements
  • Reviewing accessibility of SVGs and icons
  • Checking shared decorative component patterns
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일 업데이트

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일 업데이트

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일 업데이트

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 buttons, links, and menu items to check whether screen readers announce their purpose. Identify missing accessible names, meaning labels available to assistive technology, and suggest fixes using text or ARIA attributes, with guidance for verification.

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

  • Checking labels on buttons and links
  • Reviewing accessibility in a design system
  • Verifying screen reader output after label fixes
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review tooltips so their extra information is available to screen reader users. Check accessible names, meaning labels available to assistive technology, and links to the elements that trigger them, then suggest fixes and verification steps.

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

  • Checking whether tooltip information can be read aloud
  • Reviewing links between tooltips and their triggers
  • Auditing shared tooltip components
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Check checkboxes, radio buttons, and switches for descriptive names that screen readers can announce. Identify missing or unclear labels, suggest appropriate HTML or ARIA labeling, and explain how to verify the changes with accessibility tools.

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

  • Checking labels on checkboxes and radio buttons
  • Reviewing whether switch names explain their purpose
  • Fixing missing or unclear accessible names
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

aria-text

무료

Review rendered HTML for links, buttons, or inputs inside role="text" containers. Identify controls hidden from screen readers, suggest markup changes, and explain how to check keyboard access and screen reader output after fixing them.

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

  • Reviewing links and buttons inside text containers
  • Investigating controls missing from screen reader output
  • Checking accessibility in design system components
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review ARIA attributes, which describe interface elements to assistive technology, for invalid values and missing ID references. Get specific corrections and guidance for checking that element states and labels are communicated correctly.

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

  • Checking ARIA values in interactive components
  • Finding missing IDs referenced by ARIA attributes
  • Reviewing accessibility fixes before release
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review ARIA roles, labels that tell assistive technology what page elements do, and correct invalid values. Prefer standard HTML controls where suitable, then check keyboard behavior, focus movement, and screen reader output to verify the changes.

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

  • Finding invalid or misspelled ARIA role values
  • Replacing custom widgets with standard HTML controls
  • Reviewing accessibility in shared UI components
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Check that ARIA roles, which describe interface elements to assistive technology, include their required attributes. Identify missing state or value information in rendered HTML and get guidance on fixes and accessibility verification.

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

  • Checking required attributes on custom sliders
  • Reviewing shared interface components for accessibility
  • Verifying state information conveyed to screen readers
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Check a page for duplicate accesskey values, which define keyboard shortcuts for elements. Identify conflicting assignments, suggest unique values or removal, and describe how to verify keyboard behavior with browser accessibility tools or assistive technology.

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

  • Finding duplicate keyboard shortcut assignments
  • Reviewing keyboard access to interactive elements
  • Checking accessibility after shortcut changes
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Inspect web pages for automatically playing audio and video, then remove autoplay or adjust required playback with muted defaults and accessible pause controls. Review keyboard access so users can stop media promptly.

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

  • Review audio and video autoplay on page load
  • Add muted playback and pause controls
  • Check keyboard access to media controls
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트