]> git.mxchange.org Git - friendica.git/commitdiff
Frio: add "aria-describedby" to the field templates
authorrabuzarus <trebor@central-unit>
Tue, 3 Jan 2017 16:38:08 +0000 (17:38 +0100)
committerrabuzarus <trebor@central-unit>
Tue, 3 Jan 2017 16:38:08 +0000 (17:38 +0100)
view/theme/frio/templates/field_checkbox.tpl
view/theme/frio/templates/field_colorinput.tpl
view/theme/frio/templates/field_fileinput.tpl
view/theme/frio/templates/field_intcheckbox.tpl
view/theme/frio/templates/field_radio.tpl
view/theme/frio/templates/field_themeselect.tpl
view/theme/frio/templates/group_side.tpl
view/theme/frio/templates/theme_settings.tpl

index 10622692364a2fd2835cadd06a585105b90edb3b..f938b55aa1cd1c082ce474eaf31498436ddea09c 100644 (file)
@@ -1,9 +1,9 @@
 
        <div class="field checkbox" id="div_id_{{$field.0}}">
                        <input type="hidden" name="{{$field.0}}" value="0">
-                       <input type="checkbox" name="{{$field.0}}" id="id_{{$field.0}}" value="1" {{if $field.2}}checked="checked"{{/if}}>
+                       <input type="checkbox" name="{{$field.0}}" id="id_{{$field.0}}" value="1" {{if $field.2}}checked="checked"{{/if}} aria-checked="{{if $field.2}}true{{else}}false{{/if}}" aria-describedby="{{$field.0}}_tip">
                        <label for="id_{{$field.0}}">
-                       {{$field.1}}
-                       <p class="help-block">{{$field.3}}</p>
+                               {{$field.1}}
+                               <span class="help-block" id="{{$field.0}}_tip" role="tooltip">{{$field.3}}</span>
                        </label>
        </div>
\ No newline at end of file
index c41c50df90564f8e659f0256d0dbde64d5b387ac..886d647e9cf1cdae1e0fa0f2c7eac2beaed4677a 100644 (file)
@@ -2,9 +2,10 @@
 <div class="form-group field input color">
        <label for="id_{{$field.0}}" id="label_{{$field.0}}">{{$field.1}}</label>
        <div class="input-group" id="{{$field.0}}">
-               <input class="form-control color" name="{{$field.0}}" id="id_{{$field.0}}" type="text" value="{{$field.2}}">{{if $field.4}} <span class="required">{{$field.4}}</span> {{/if}}
+               <input class="form-control color" name="{{$field.0}}" id="id_{{$field.0}}" type="text" value="{{$field.2}}" aria-describedby="{{$field.0}}_tip">
+               {{if $field.4}}<span class="required">{{$field.4}}</span>{{/if}}
                <span class="input-group-addon"><i></i></span>
        </div>
-       <span id="help_{{$field.0}}" class="help-block">{{$field.3}}</span>
+       <span id="{{$field.0}}_tip" class="help-block" role="tooltip">{{$field.3}}</span>
        <div id="end_{{$field.0}}" class="field_end"></div>
 </div>
index ebaa76941dee09eabf8a21945c1b91281983dcea..721a6535fbb6f501fbcc2d9d73bab8ad6aa5109a 100644 (file)
@@ -2,9 +2,10 @@
 <div class="form-group field input file">
        <label for="id_{{$field.0}}" id="label_{{$field.0}}">{{$field.1}}</label>
        <div class="input-group" id="{{$field.0}}">
-               <input class="form-control file" name="{{$field.0}}" id="id_{{$field.0}}" type="text" value="{{$field.2}}">{{if $field.4}} <span class="required">{{$field.4}}</span> {{/if}}
+               <input class="form-control file" name="{{$field.0}}" id="id_{{$field.0}}" type="text" value="{{$field.2}}" aria-describedby="{{$field.0}}_tip">
+               {{if $field.4}}<span class="required">{{$field.4}}</span>{{/if}}
                <span class="input-group-addon image-select"><i class="fa fa-picture-o"></i></span>
        </div>
-       <span id="help_{{$field.0}}" class="help-block">{{$field.3}}</span>
+       <span id="{{$field.0}}_tip" class="help-block" role="tooltip">{{$field.3}}</span>
        <div id="end_{{$field.0}}" class="field_end"></div>
 </div>
index 192cf73841a9d55d573610791f4102d1903ab8cb..8863d14c4d794cc5621c14499a878a0ab984039d 100644 (file)
@@ -1,7 +1,7 @@
 
        <div class="form-group field checkbox">
-               <input type="checkbox" name="{{$field.0}}" id="id_{{$field.0}}" value="{{$field.3|escape:'html'}}" {{if $field.2}}checked="checked"{{/if}} aria-describedby='{{$field.0}}_tip'>
+               <input type="checkbox" name="{{$field.0}}" id="id_{{$field.0}}" value="{{$field.3|escape:'html'}}" {{if $field.2}}checked="checked"{{/if}} aria-checked="{{if $field.2}}true{{else}}false{{/if}}" aria-describedby="{{$field.0}}_tip">
                <label for="id_{{$field.0}}">{{$field.1}}</label>
-               <span class="help-block" role="tooltip">{{$field.4}}</span>
+               <span class="help-block" role="tooltip" id="{{$field.0}}_tip">{{$field.4}}</span>
        </div>
        <div class="clear"></div>
index 3288009536beaa332a8e6a62aaf4c92845a02363..970e25000b428e1b8f757f3d1c7fd0a9c077a646 100644 (file)
@@ -1,10 +1,10 @@
 
        <div class="field radio">
                <div class="radio">
-                       <input type="radio" name="{{$field.0}}" id="id_{{$field.0}}_{{$field.2}}" value="{{$field.2}}" {{if $field.4}}checked="true"{{/if}}>
+                       <input type="radio" name="{{$field.0}}" id="id_{{$field.0}}_{{$field.2}}" value="{{$field.2}}" {{if $field.4}}checked="true"{{/if}} aria-checked="{{if $field.4}}true{{else}}false{{/if}}" aria-describedby="{{$field.0}}_tip">
                        <label for="id_{{$field.0}}_{{$field.2}}">
                                {{$field.1}}
-                               <p class="help-block">{{$field.3}}</p>
+                               <span class="help-block" id="{{$field.0}}_tip" role="tooltip">{{$field.3}}</span>
                        </label>
                </div>
        </div>
\ No newline at end of file
index 04f4e82b1c20435ac462a20f89c68741f1f88000..7ecdf57e6483a8c8bb65badfaeb281403ab6281e 100644 (file)
@@ -5,6 +5,6 @@
        <select class="form-control" name="{{$field.0}}" id="id_{{$field.0}}" {{if $field.5=="preview"}}onchange="previewTheme(this);"{{/if}} aria-describedby="{{$field.0}}_tip" >
                {{foreach $field.4 as $opt=>$val}}<option value="{{$opt}}" {{if $opt==$field.2}}selected="selected"{{/if}}>{{$val}}</option>{{/foreach}}
        </select>
-       <span class="help-block" id="{{$field.0}}_tip">{{$field.3}}</span>
+       <span class="help-block" id="{{$field.0}}_tip" role="tooltip">{{$field.3}}</span>
        {{if $field.5=="preview"}}<div id="theme-preview"></div>{{/if}}
 </div>
\ No newline at end of file
index 682da5e11861d640cddad7c69c83c0e85c0a623d..e892c9bed0c6fd298b96488eed1f7387eab668f5 100644 (file)
@@ -13,6 +13,7 @@
                                                                class="{{if $group.selected}}ticked{{else}}unticked {{/if}} action"
                                                                onclick="contactgroupChangeMember('{{$group.id}}','{{$group.cid}}');return true;"
                                                                {{if $group.ismember}}checked="checked"{{/if}}
+                                                               aria-checked="{{if $group.ismember}}true{{else}}false{{/if}}"
                                                        />
                                                        <label for="group-{{$group.id}}"></label>
                                                        <div class="clearfix"></div>
index aa0b6ca56a640905969aee237be503912fd24275..83b466b73b292d38bb71df70f49033c60879f5fb 100644 (file)
@@ -16,8 +16,8 @@
 {{if $contentbg_transp}}
 <div class="form-group field input color">
        <label for="id_{{$contentbg_transp.0}}" id="label_{{$contentbg_transp.0}}">{{$contentbg_transp.1}}</label>
-       <input type="hidden" class="form-control color slider-input" name="{{$contentbg_transp.0}}" id="{{$contentbg_transp.0}}" type="text" value="{{$contentbg_transp.2}}">
-       <span id="help_{{$contentbg_transp.0}}" class="help-block">{{$contentbg_transp.3}}</span>
+       <input type="hidden" class="form-control color slider-input" name="{{$contentbg_transp.0}}" id="{{$contentbg_transp.0}}" type="text" value="{{$contentbg_transp.2}}" aria-describedby="{{$contentbg_transp.0}}_tip">
+       <span id="{{$contentbg_transp.0}}_tip" class="help-block" role="tooltip">{{$contentbg_transp.3}}</span>
        <div id="end_{{$contentbg_transp.0}}" class="field_end"></div>
 </div>
 {{/if}}
@@ -69,6 +69,5 @@
 <div class="clearfix"></div>
 
 <script>
-    
     $(".inputRange").rangeinput();
 </script>