'keyboard' 검색 결과

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

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

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

React와 Next.js의 폼과 모달을 키보드와 화면 낭독기로 사용할 수 있도록 돕습니다. 레이블, 오류 표시, 포커스 이동을 구현하고 점검합니다.

• 폼 레이블과 오류 표시를 개선합니다
• 드롭다운의 키보드 조작을 점검합니다
• 모달을 열고 닫을 때 포커스를 관리합니다

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

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

Build reusable React components that save settings in browser storage and support keyboard selection. The patterns cover settings dialogs and command palettes, with guidance on TypeScript types, storage keys, and managing keyboard focus.

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

• Keeping app settings across page reloads
• Building command selection with arrow keys and Enter
• Creating reusable settings dialogs

Review and improve UI accessibility, including color contrast, keyboard operation, visible focus, and clear status messages. A contrast checker supports color checks, while guidance also covers text zoom and form fields obscured by mobile keyboards.

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

• Checking contrast between text and background colors
• Improving keyboard navigation and visible focus
• Clarifying empty, loading, and error states

Web·iOS·Android 화면을 WCAG 2.2에 맞춰 설계하고 점검합니다. 화면 읽기와 키보드 조작, 레이블, 대비, 조작 대상 크기를 확인합니다.

• 아이콘 버튼에 설명 추가
• 키보드 조작과 모달 초점 점검
• 대비와 조작 대상 크기 확인

Turn presentation content into Keynote-style web slides with large headings, restrained colors, and generous spacing. Each screen shows one slide, with keyboard navigation, page counts, and fade transitions for product introductions or talks.

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

• Building a product introduction deck
• Preparing slides for a talk
• Presenting a chart on its own slide

Build a three-slide finance or strategy presentation with bold metric cards and a precise grid layout. A black, warm-paper, and neon-lime palette frames the data in one HTML file with button, keyboard, and dot navigation.

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

• Presenting financial metrics across three slides
• Creating a strategy deck with prominent numbers
• Replacing text and values in a consistent slide layout

Review pop-ups, modals, and banners that obscure page content. Identify mobile usability and search visibility concerns, then improve dismissal controls and keyboard focus, the element currently receiving keyboard input.

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

• Review promotional pop-ups on mobile
• Check keyboard dismissal of modals
• Verify focus movement when dialogs open and close

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

Review CSS focus indicators, the visible outlines that show which element receives keyboard input. Identify missing, clipped, or misplaced indicators, check contrast and responsive states, and guide changes that make keyboard navigation easier to follow.

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

• Check keyboard focus visibility
• Review CSS that removes outlines
• Fix clipped or misplaced focus rings

Review custom elements and Web Components for missing screen reader information, keyboard controls, focus handling, and HTML form integration. Get concrete fixes and identify cases where a native HTML control could serve the same purpose.

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

• Reviewing custom controls for screen reader support
• Checking keyboard navigation in menus and listboxes
• Connecting custom inputs to HTML forms

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

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

Review collapsible accordion sections for keyboard and screen reader access. Check button triggers, expanded-state attributes, panel links, and heading structure, then guide fixes using the HTML actually delivered to the browser.

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

• Checking keyboard access to collapsible sections
• Making accordion states clear to screen readers
• Reviewing shared accordion components

Review same-page links for accessible scrolling. Check that reduced-motion preferences disable animated scrolling, provide guidance for instant navigation, and verify that keyboard focus moves to the destination so users can continue navigating there.

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

• Reviewing same-page navigation links
• Checking scrolling with reduced motion enabled
• Fixing keyboard focus at anchor destinations

Apply Remotion Studio’s interaction conventions to buttons and links: keep the default cursor, brighten text and icons on hover, and show a visible focus indicator for keyboard navigation using shared styling helpers.

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

• Style a new Studio button or link
• Keep text and icons consistent on hover
• Retain visible focus for keyboard navigation

Audit and improve web accessibility using WCAG 2.1 guidelines. Covers image descriptions, color contrast, keyboard controls, forms, and screen reader support, with code examples and automated and manual checks to guide fixes.

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

• Auditing accessibility before a website launch
• Improving keyboard navigation
• Fixing form labels and error announcements

Audit websites for accessibility barriers and improve image descriptions, color contrast, forms, keyboard navigation, and screen reader support. Provides code examples and automated and manual testing guidance for work toward WCAG 2.1 AA or AAA accessibility standards.

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

• Auditing a website for accessibility issues
• Fixing form labels and error announcements
• Checking keyboard navigation and dialog focus

Review a design or web page against WCAG 2.1 AA, an accessibility standard. Organize findings on contrast, keyboard access, forms, and screen reader behavior, with severity levels and practical recommendations for fixes.

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

• Review accessibility before design handoff
• Check text and interface color contrast
• Review keyboard navigation and focus behavior

Turn a Markdown slide deck into a single HTML file for browser presentations. Navigate with the keyboard, view speaker notes and the next slide in presenter mode, and print the deck as a PDF with one slide per page.

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

• Converting Markdown notes into browser slides
• Presenting with speaker notes and a next-slide preview
• Exporting a deck as a PDF with one slide per page