Improved a11y of radio buttons
authorMarcel Werk <burntime@woltlab.com>
Sun, 7 Oct 2018 17:22:01 +0000 (19:22 +0200)
committerMarcel Werk <burntime@woltlab.com>
Sun, 7 Oct 2018 17:22:01 +0000 (19:22 +0200)
com.woltlab.wcf/templates/aclSimple.tpl
com.woltlab.wcf/templates/avatarEdit.tpl

index 8d4486ee3ef18ba4797fa2bc8d74bdd7bcca2bfc..20eb10b4175cea8d7a448134af88a8172f5d28e6 100644 (file)
@@ -5,7 +5,7 @@
        <dl>
                <dt><label for="{@$__aclSimplePrefix}aclAllowAll">{lang}wcf.acl.allowAll{/lang}</label></dt>
                <dd>
-                       <ol class="flexibleButtonGroup">
+                       <ol role="group" aria-label="{lang}wcf.acl.allowAll{/lang}" class="flexibleButtonGroup">
                                <li>
                                        <input type="radio" id="{@$__aclSimplePrefix}aclAllowAll" name="{@$__aclInputName}[allowAll]" value="1"{if $aclValues[allowAll]} checked{/if}>
                                        <label for="{@$__aclSimplePrefix}aclAllowAll" class="green"><span class="icon icon16 fa-check"></span> {lang}wcf.acp.option.type.boolean.yes{/lang}</label>
index 9ac2dcf18e204ba81856630db43d6a5c32d6953e..03193c37adb28610f2536a2e835c8cc1a4a83c0c 100644 (file)
@@ -13,7 +13,7 @@
 {/if}
 
 <form method="post" action="{link controller='AvatarEdit'}{/link}" id="avatarForm">
-       <div class="section avatarEdit">
+       <div role="group" aria-label="{lang}wcf.user.avatar{/lang}" class="section avatarEdit">
                <dl class="avatarType">
                        <dt></dt>
                        <dd>