diff --git a/components/ContentTemplates/ButtonsTemplate.tsx b/components/ContentTemplates/ButtonsTemplate.tsx index ee09692..37b195a 100644 --- a/components/ContentTemplates/ButtonsTemplate.tsx +++ b/components/ContentTemplates/ButtonsTemplate.tsx @@ -386,6 +386,18 @@ export const ButtonsTemplate = () => { should probably be a link.

+ +

+ When it comes to creating accessible buttons for your websites and + applications, it's important that they are easy to activate. To + achieve this goal, WCAG suggests that buttons have a minimum target + size of at least 24 by 24 CSS pixels. In doing so, users, especially + those who suffer from mobility impairments like hand tremors or are + amputees, have an easier time clicking on them. +

+
- -

- When it comes to creating accessible buttons for your websites and applications, it's important that they - are easy to activate. To achieve this goal, WCAG suggests to avoid putting the buttons together. Consider make their size at least 24 by 24 CSS pixels. In doing so, users, especially those who suffer from mobility impairments like hand tremors or are amputees, have an easier time clicking on them. -

-