Accessibility
AsagaoUI does not perform any special implementation to ensure accessibility. It is based on the belief that practical accessibility can be provided simply by using appropriate HTML.
Basic Policy
Native HTML elements (such as <button>, <nav>, <main>, <select>, etc.) already include accessibility features. By using them appropriately, compatibility with assistive technologies and basic keyboard operations are automatically ensured.
Inheriting the Digital Agency Design System
AsagaoUI is based on the Digital Agency Design System, which is already designed with accessibility in mind. Therefore, regarding accessibility concerning basic color combinations, contrast ratios, font sizes, and target sizes for links and buttons, please refer to the Digital Agency Design System’s Accessibility page.
Selective Inheritance Policy
However, not all parts of the Digital Agency Design System have been inherited. We have excluded items that require complex HTML structures or where implementation would be excessive or complicated, such as:
- Return links for Accordions or Disclosures.
- Character counters for Textareas.
While these elements can be means of improving accessibility if implemented correctly, they lead to more complex HTML and increased JavaScript dependency. This contradicts AsagaoUI’s basic policy that “practical accessibility can be provided simply by using appropriate HTML.” If necessary, developers should use these elements directly from the original Digital Agency Design System.