Movatterモバイル変換

[0]ホーム
URL:

newupdatedpro

  • Overview

  • Framework and Utilities

  • Angular

  • React

  • Vue

  • Blazor

  • Integrations

  • Roadmap

  • Release Notes

  • Accessibility

  • Theme Builder

  • Complex Components

  • Grid

  • Gantt Chart

  • Scheduler

  • CardView

  • Chart

  • Editor

  • DockingLayout

  • Kanban

  • PivotTable

  • Table

  • Core Components

  • Accordion

  • Badge

  • Barcode

  • Button

  • Breadcrumb

  • Card

  • Carousel

  • Calendar

  • CheckBox

  • ComboBox

  • ColorPicker

  • DateTimePicker

  • DropDownList

  • DropDownButton

  • FileUpload

  • Form

  • Gauge

  • Input

  • ListBox

  • ListMenu

  • Layout

  • MaskedTextBox

  • Menu

  • MultilineTextBox

  • MultiSplitButton

  • NumericTextBox

  • Pager

  • PasswordTextBox

  • PowerButton

  • ProgressBar

  • QueryBuilder

  • RadioButton

  • Rating

  • RepeatButton

  • Ribbon Bar

  • Qrcode

  • ScrollBar

  • Slider

  • Splitter

  • SwitchButton

  • Sortable

  • Tabs

  • Tank

  • TextBox

  • TimePicker

  • Toast

  • ToggleButton

  • Tooltip

  • Tree

  • Window

Tank Accessibility

Build your web apps using JQX Custom Elements

Smart.Tank - Accessibility

Accesibility Attributes

Web accessibility makes web content and web applications more accessible to disabled people. It's especially helpful in dynamic content changes and development of advanced user interface components with HTML, Javascript and related technologies. Smart HTML elements framework offers full accessibility support for it's web components.

Tank provides a built-in compliance withWAI-ARIA specification via attributes likerole,aria-valuemin,aria-valuenow,aria-valuemax and others.

The purpose of theARIA attributes is to help disabled people by providing the information specific to the component to assistive technology in the screen readers.

The Tank acts as a linear slider that allows to change the value by clicking inside the fill area or dragging it to the desired value. As such the role of the component isslider.

The followingARIA attributes are used inside the Tank:

  • aria-disabled - indicates that interaction with the Tank is disabled.
  • aria-hidden - indicates that the element does not take part in the interaction with the Tank and will not be mapped to the accessibility API. This attribute is typically applied to containers that do not provide any feedback regarding the state or the value of the Tank. The scales of the component have this attribute applied since they do not provide interaction.
  • aria-describedby - indicates that the Tank's current value is described by another element. That element has a tooltip that appears while dragging the fill of the Tank. The value of the attribute is determined by the tooltip.
  • aria-valuemax - indicates the maximal value of the Tank. Applied to the element itself.
  • aria-valuemin - indicates the minimal value of the Tank. Applied to the element itself.
  • aria-valuenow - indicates the current value of the Tank. Applied to the element itself.
  • aria-orientation - indicates the orientation of the Tank. The component can have horizontal or vertical orientation.

Keyboard Interaction

The Tank element handles keyboard keys according to the officialWAI-ARIA specifications for slider components.

The following keyboard shortcuts are available to interact with the Tank:

KeyAction
Arrow Down/UpDecrements/Increments the value of the Tank according to theinterval property.
Arrow Left/RightDecrements/Increments the value of the Tank according to theinterval property.
HomeSets the value of the Tank to the minimum.
EndSets the value of the Tank to the maximum.

Additional information onWAI-ARIA for the SMART Framework can be foundhere.

[8]ページ先頭
©2009-2025 Movatter.jp