linkは移動に使いbuttonはpage内の操作に使う
- linkは別のURLへ移動するため、buttonは同じpage内の操作を実行するために使います。見た目で置き換えず、keyboard操作と戻る操作で確認する方法を解説します。
タグ: accessibility
aria-labelは文字のないbuttonへ操作の名前を付け見た目の文言と分けて使う
- aria-labelは文字のないbuttonやlinkへ操作名を付ける属性です。見た目の文字を隠す道具にせず、何をするbuttonかをHTMLと画面で一致させる方法を解説します。
aria-currentはmenuの現在pageだけへ付けリンク先と現在地を分けて伝える
- aria-currentはmenuやパンくずで現在地を示す属性です。現在pageだけへ付け、link先を示す役割と現在地を伝える役割を分ける方法を解説します。
