Bouton accessibilité

Bonjour,

Je cherche à faire un bouton cliquable d'accessibilité pour mon portefolio permettant le changement de la font.
Voici ce que j'ai programmé dans mon html.

<button class="contrasted" spellcheck="false">
    Font <span class="visuallyhidden"></span>
          <button class="contrasted" onclick="changefont()">Activer/Désactiver</button>
  </button> 
et voici pour le css
  html body.contrasted {
      font-family: Arial, Helvetica, sans-serif
  }

Par contre, je n'ai aucune idée pour le javascript avec le lequel je n'ai pas encore travaillé.
Si quelqu'un a une idée ou peu me transmettre le codage à faire pour qu'il fonctionne.

Cordialement
Wharlort

EDIT : Ajout du LANGAGE dans les balises de code (la coloration syntaxique).
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code

Merci d'y penser dans tes prochains messages.