'design-system' 검색 결과

Create project-specific rules for turning Figma designs into code. Bring design tokens, shared values such as colors and spacing, together with naming conventions and lint rules for automated checks in one reference.

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

• Defining rules for implementing Figma designs
• Documenting shared design values and naming conventions
• Consolidating automated checking rules in one reference

Review website text and interface instructions for jargon, complex sentences, and unclear actions. Simplify wording, explain technical terms, and adjust reading difficulty so the intended audience can understand content and follow instructions.

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

• Simplifying website instructions
• Explaining technical terms for general readers
• Reviewing interface text for accessibility

Review HTML object elements and add meaningful fallback content for people who cannot load or view embedded material. Identify missing alternatives, suggest text or appropriate HTML elements, and explain how to verify accessibility.

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

• Find object elements with missing fallback content
• Add alternatives for embedded content that fails to load
• Review whether fallback content conveys equivalent information

Review website animations against users’ reduced motion preferences, a setting that requests less movement. Check flashing content, scrolling effects, alternative transitions, pause controls, and advance warnings, and identify changes needed in rendered pages and interactive states.

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

• Checking support for reduced motion settings
• Reviewing flashing content frequency
• Finding alternatives to scrolling effects

Review parallax effects, where backgrounds and foregrounds move at different speeds. Check reduced-motion support and access to essential content, then suggest static alternatives and an optional site-wide control for disabling motion.

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

• Reviewing parallax effects on a website
• Checking support for reduced-motion preferences
• Providing static versions of animated content

Review form fields for code that blocks pasting, then remove those restrictions. The skill helps check password manager use, keyboard interactions, and accessibility so people can paste passwords and other long values into inputs.

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

• Checking why passwords cannot be pasted
• Reviewing credit card fields for paste restrictions
• Improving form accessibility

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

Review a page to ensure it has exactly one main landmark, the region identifying its primary content. Find missing or duplicate main regions and get corrections that give assistive technology users a clear navigation target.

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

• Checking the main region in a page template
• Fixing duplicate main regions in combined layouts
• Reviewing navigation to primary content with a screen reader

Review links so their destinations are clear even without surrounding text. Identify vague wording, improve names announced by screen readers, and check keyboard behavior and download details such as file type and size.

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

• Replace vague link text with clear destination names
• Review links for screen reader users
• Check download links for file type and size

Compare button and link text with accessible names, the names assistive technology uses for controls. Identify mismatches and suggest ARIA label changes so people using voice control can refer to the words they see.

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

• Comparing visible button text with accessible names
• Reviewing links that are hard to activate by voice
• Checking label fixes with accessibility tools

Review modal dialogs for keyboard and screen reader accessibility. The skill checks dialog roles, title labels, focus movement within the modal, Escape dismissal, and focus returning to the opening control, then identifies issues and ways to verify fixes.

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

• Reviewing keyboard operation in modal dialogs
• Checking focus movement when opening and closing modals
• Reviewing dialog titles and screen reader labels

Review whether interactive web elements work with keyboard navigation. Check Tab order, hidden elements, and focus traps where users cannot move away, then identify specific fixes and ways to verify behavior with browser accessibility tools or assistive technology.

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

• Check whether all controls are reachable with Tab
• Align keyboard focus order with the visual reading order
• Remove hidden content from the Tab sequence

Review HTML lists for incorrect child elements and nesting, then identify fixes that help screen readers, tools that read page content aloud, announce item counts and positions accurately.

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

• Reviewing HTML list structure
• Fixing nested lists
• Checking screen reader announcements

Check HTML for meta refresh redirects that can interrupt reading and confuse users. Suggest server-side redirects or clear links users choose themselves, with guidance for checking the resulting behavior using accessibility tools or assistive technology.

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

• Finding automatic redirects in HTML
• Replacing meta refresh with server-side redirects
• Reviewing page transitions for screen reader users

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

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

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

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

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

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

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

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

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

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