跳到正文
cccskills

“screen-reader”的搜索结果

90 个 · 按相关度排序

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, 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日 更新

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 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 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 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日 更新

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 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 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 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 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 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日 更新

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日 更新

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日 更新

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 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 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日 更新

Inspect hidden page regions for links, buttons, or inputs that still receive keyboard focus. Identify elements that screen readers cannot announce, suggest focus handling changes, and explain how to verify the resulting keyboard behavior.

中文简介正在准备中。当前显示英语简介。

  • Checking hidden regions for focusable controls
  • Investigating silent focus during keyboard navigation
  • Reviewing accessibility in shared UI components
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日 更新

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日 更新

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日 更新

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日 更新