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. -
-+ When it comes to creating accessible links, it's important that they + are easy to activate. To do this, WCAG recommends that links that are + not within text have a target size of at least 24 x 24 CSS pixels. + Doing this makes it easier for users who have motor dexterity issues + to click them. +
+- When it comes to creating accessible links, it's important that they - are easy to activate. To do this, WCAG recommends spacing the link's text so that users can understand its context. Doing this would also make it - easier for users who have motor dexterity issues to read them. -
-