이 문서는 https://tiddlywiki.com/languages/ko-KR/에서 티들리위키의 정적 HTML 표현의 일부입니다

ButtonWidget/Example/Accessibility

2026년 7월 24일 오후 11:58

A button can carry accessibility and metadata attributes that pass straight through to the HTML element. They have no visible effect, so this example shows the markup rather than a result:

  • aria-label gives an accessible name when the label is only an icon
  • role overrides the implied ARIA role
  • tabindex sets the keyboard focus order
  • data-* attaches custom data attributes for scripts
  • selectedAria chooses which ARIA state selectedClass toggles

Inspect the button in your browser to see the attributes on the element.

titleOutput

<button aria-label="Close" class="" data-action="close" role="button" tabindex="0"> × </button>