[fix] Accessibility of buttons and logo (#206)

* description logo YNH

* Fixe some aria role=button inindex.html

* add some aria role=button in user

* add some aria role=button in domain

* add some aria role=button in update

* add some aria role=button in tools

* add some aria role=button in service

* add some aria role=button in app

* add some aria role=button in backup

* Update domain_add.ms

* Update app_list.ms

* Update app_list_install.ms

* Update app_list_install.ms

* correction

* role=button in backup suppr in a button and move in a icon
This commit is contained in:
irina11y 2018-08-27 00:22:47 +02:00 committed by ljf (zamentur)
parent 76b4007fc9
commit 4d6b21eae4
30 changed files with 68 additions and 68 deletions

View file

@ -17,14 +17,14 @@
<header id="masthead" class="page-header">
<a href="#/" class="homelink slide back">
<img src="dist/img/icon.png" style="width: 70px;">
<img alt="accueil Yunohost" src="dist/img/icon.png" style="width: 70px;">
</a>
<span class="buttons" role="button">
<a class="user-interface-btn" href="/yunohost/sso/" title="Logout" data-y18n-title="user_interface_link">
<span class="buttons">
<a role="button" class="user-interface-btn" href="/yunohost/sso/" title="Logout" data-y18n-title="user_interface_link">
<span data-y18n="user_interface_link">User interface</span>&nbsp;
<i class="fa-user"></i>
</a>
<a class="logout-btn" href="#/logout" title="Logout" data-y18n-title="logout">
<a role="button" class="logout-btn" href="#/logout" title="Logout" data-y18n-title="logout">
<span data-y18n="logout">Logout</span>&nbsp;
<i class="fa-sign-out"></i>
</a>

View file

@ -16,7 +16,7 @@
<div class="list-group">
{{#each settings.allowed_users}}
<div class="list-group-item">
<a href="#/apps/{{../settings.id}}/access/remove/{{username}}" class="btn btn-danger slide back pull-right">
<a role="button" href="#/apps/{{../settings.id}}/access/remove/{{username}}" class="btn btn-danger slide back pull-right">
<span class="fa-trash-o"></span> {{t 'remove_access'}}
</a>
<h3 class="list-group-item-heading">{{fullname}} ({{mail}})</h3>
@ -68,7 +68,7 @@
{{#if users}}
<div class="container">
<p>{{t 'app_access_addall_desc' settings.label}}</p>
<a href="#/apps/{{settings.id}}/access/add" class="btn btn-success slide back">
<a role="button" href="#/apps/{{settings.id}}/access/add" class="btn btn-success slide back">
<span class="fa-plus"></span> {{t 'app_access_addall_btn'}}
</a>
</div>
@ -77,7 +77,7 @@
{{#if settings.allowed_users}}
<div class="container">
<p>{{t 'app_access_removeall_desc' settings.label}}</p>
<a href="#/apps/{{../settings.id}}/access/remove" class="btn btn-danger slide back">
<a role="button" href="#/apps/{{../settings.id}}/access/remove" class="btn btn-danger slide back">
<span class="fa-trash-o"></span> {{t 'app_access_removeall_btn'}}
</a>
</div>
@ -86,7 +86,7 @@
{{#unless settings.allow_everyone}}
<div class="container">
<p>{{t 'app_access_clearall_desc' settings.label}}</p>
<a href="#/apps/{{settings.id}}/access/clear" class="btn btn-primary slide back">
<a role="button" href="#/apps/{{settings.id}}/access/clear" class="btn btn-primary slide back">
<span class="fa-unlock-alt"></span> {{t 'app_access_clearall_btn'}}
</a>
</div>

View file

@ -32,7 +32,7 @@
<div class="panel-body">
<div class="container">
<p>{{t 'appslists_info_refresh_desc'}}</p>
<a href="#/apps/lists/{{appslist.name}}/refresh" class="btn btn-info slide">
<a href="#/apps/lists/{{appslist.name}}/refresh" role="button" class="btn btn-info slide">
<span class="fa-refresh"></span> {{t 'refresh_app_list'}}
</a>
</div>
@ -40,7 +40,7 @@
<hr>
<div class="container">
<p>{{t 'appslists_info_remove_desc'}}</p>
<a href="#/apps/lists/{{appslist.name}}/remove" class="btn btn-danger slide back">
<a role="button" href="#/apps/lists/{{appslist.name}}/remove" class="btn btn-danger slide back">
<span class="fa-trash-o"></span> {{t 'remove'}}
</a>
</div>

View file

@ -23,7 +23,7 @@
<hr>
<input type="hidden" name="app" value="{{id}}">
<div class="text-center">
<input type="submit" class="btn btn-success slide back" value="{{t 'app_change_label'}}">
<input type="submit" role="button" class="btn btn-success slide back" value="{{t 'app_change_label'}}">
</div>
</div>
</div>

View file

@ -38,21 +38,21 @@
<div class="panel-body">
<div class="container">
<p>{{t 'app_info_changelabel_desc' settings.label}}</p>
<a href="#/apps/{{settings.id}}/changelabel" class="btn btn-info slide">
<a role="button" href="#/apps/{{settings.id}}/changelabel" class="btn btn-info slide">
<span class="fa-tag"></span> {{t 'app_change_label'}}
</a>
</div>
<hr>
<div class="container">
<p>{{t 'app_info_access_desc' settings.allowed_users}}</p>
<a href="#/apps/{{settings.id}}/access" class="btn btn-info slide">
<a role="button" href="#/apps/{{settings.id}}/access" class="btn btn-info slide">
<span class="fa-lock"></span> {{t 'app_access'}}
</a>
</div>
<hr>
<div class="container">
<p>{{t 'app_info_default_desc' settings.domain}}</p>
<a href="#/apps/{{settings.id}}/default" class="btn btn-success slide">
<a role="button" href="#/apps/{{settings.id}}/default" class="btn btn-success slide">
<span class="fa-star"></span> {{t 'app_make_default'}}
</a>
</div>
@ -60,7 +60,7 @@
<div class="container">
<p>{{t 'app_info_changeurl_desc' settings.domain}}</p>
{{#if change_url}}
<a href="#/apps/{{settings.id}}/changeurl" class="btn btn-info slide">
<a href="#/apps/{{settings.id}}/changeurl" role="button" class="btn btn-info slide">
<span class="fa-exchange"></span> {{t 'app_change_url'}}
</a>
{{else}}
@ -74,14 +74,14 @@
<hr>
<div class="container">
<p>{{t 'app_info_uninstall_desc'}}</p>
<a href="#/apps/{{settings.id}}/uninstall" class="btn btn-danger slide back">
<a href="#/apps/{{settings.id}}/uninstall" role="button" class="btn btn-danger slide back">
<span class="fa-trash-o"></span> {{t 'uninstall'}}
</a>
</div>
<hr>
<div class="container">
<p>{{t 'app_info_debug_desc'}}</p>
<a href="#/apps/{{settings.id}}/debug" class="btn btn-warning slide">
<a href="#/apps/{{settings.id}}/debug" role="button" class ="btn btn-warning slide">
<span class="fa-bug"></span> {{t 'app_debug_tab'}}
</a>
</div>

View file

@ -69,7 +69,7 @@
<hr>
<input type="hidden" name="app" value="{{id}}">
<div class="text-center">
<input type="submit" class="btn btn-success slide back" value="{{t 'install'}}">
<input type="submit" role="button" class="btn btn-success slide back" value="{{t 'install'}}">
</div>
</div>
</div>

View file

@ -4,7 +4,7 @@
</div>
<div class="actions-group">
<a href="#/apps/install" class="btn btn-success slide">
<a role="button" href="#/apps/install" class="btn btn-success slide">
<span class="fa-plus"></span> {{t 'install'}}
</a>
</div>

View file

@ -5,10 +5,10 @@
</div>
<div class="actions-group">
<a href="#/apps/lists" class="btn btn-success">
<a href="#/apps/lists" role="button" class="btn btn-success">
<span class="fa-list"></span> {{t 'appslists_manage'}}
</a>
<a href="#/apps/lists/refresh" class="btn btn-info">
<a href="#/apps/lists/refresh" role="button" class="btn btn-info">
<span class="fa-refresh"></span> {{t 'refresh_app_list'}}
</a>
</div>
@ -45,7 +45,7 @@
<p><span class="fa-lightbulb-o"></span>
{{t 'install_custom_app_appslists_info'}}</p>
<p>
<a href="#/apps/lists" class="btn btn-info">{{t 'appslists_manage'}}</a>
<a role="button" href="#/apps/lists" class="btn btn-info">{{t 'appslists_manage'}}</a>
</p>
</div>
<form action="#/apps/install/custom" method="POST" class="form-horizontal">
@ -60,7 +60,7 @@
</div>
<div class="form-group">
<div class="text-center">
<input type="submit" class="btn btn-success slide" value="{{t 'install'}}">
<input type="submit" role="button" class="btn btn-success slide" value="{{t 'install'}}">
</div>
</div>
</form>

View file

@ -4,7 +4,7 @@
</div>
<div class="actions-group">
<!--<a href="#/storages/create" class="btn btn-success slide">
<!--<a role="button" href="#/storages/create" class="btn btn-success slide">
<span class="fa-plus"></span> {{t 'storages_new'}}
</a>-->
</div>

View file

@ -60,6 +60,6 @@
</div>
<div class="separator"></div>-->
<span class="pull-right">
<input type="submit" class="btn btn-success slide back" value="{{t 'backup_action'}}" />
<input type="submit" role="button" class="btn btn-success slide back" value="{{t 'backup_action'}}" />
</span>
</form>

View file

@ -46,7 +46,7 @@
{{/each}}
<div class="list-group-item clearfix">
<span class="pull-right ">
<input type="submit" class="btn btn-success slide back" value="{{t 'restore'}}" />
<input type="submit" role="button" class="btn btn-success slide back" value="{{t 'restore'}}" />
</span>
</div>
</div>
@ -72,14 +72,14 @@
<div class="panel-body">
<!--<div class="container">
<p>{{t 'backup_archive_download'}}</p>
<a class="btn btn-info slide" href="#/backup/{{storage.id}}/{{name}}/download">
<a role="button" class="btn btn-info slide" href="#/backup/{{storage.id}}/{{name}}/download">
<span class="fa-download"></span> {{t 'download'}}
</a>
</div>
<hr>-->
<div class="container">
<p>{{t 'backup_archive_delete'}}</p>
<a href="#/backup/{{storage.id}}/{{name}}/delete" class="btn btn-danger slide">
<a href="#/backup/{{storage.id}}/{{name}}/delete" role="button" class="btn btn-danger slide">
<span class="fa-trash-o"></span> {{t 'delete'}}
</a>
</div>
@ -100,7 +100,7 @@
</div>
<div class="form-group">
<div class="text-center">
<input type="submit" class="btn btn-success slide" value="{{t 'copy'}}">
<input type="submit" role="button" class="btn btn-success slide" value="{{t 'copy'}}">
</div>
</div>
</form>

View file

@ -5,7 +5,7 @@
</div>
<div class="actions-group">
<a href="#/backup/{{storage.id}}/create" class="btn btn-success slide">
<a role="button" href="#/backup/{{storage.id}}/create" class="btn btn-success slide">
<span class="fa-plus"></span> {{t 'backup_new'}}
</a>
</div>

View file

@ -47,6 +47,6 @@
</div>
</div>
<div class="text-center">
<input type="submit" class="btn btn-success slide back" value="{{t 'save'}}">
<input type="submit" role="button" class="btn btn-success slide back" value="{{t 'save'}}">
</div>
</form>

View file

@ -66,7 +66,7 @@
<div class="br"></div>
<div class="text-center">
<input type="submit" class="btn btn-success slide back" value="{{t 'add'}}">
<input type="submit" role="button" class="btn btn-success slide back" value="{{t 'add'}}">
</div>
</form>

View file

@ -46,7 +46,7 @@
<p><span class="fa-fw fa-meh-o"></span>
{{t 'domain_not_eligible_for_ACME'}}</p>
{{/if}}
<a href="#/domains/{{name}}/cert-install-LE" class="btn btn-success {{#unless status.ACME_eligible}}disabled{{/unless}}">
<a role="button" href="#/domains/{{name}}/cert-install-LE" class="btn btn-success {{#unless status.ACME_eligible}}disabled{{/unless}}">
<span class="fa-star"></span> {{t 'install_letsencrypt_cert'}}
</a>
<hr>
@ -55,7 +55,7 @@
{{#if actions_enabled.manual_renew_letsencrpt}}
<div class="container">
<p>{{t 'manually_renew_letsencrypt_message'}}</p>
<a href="#/domains/{{name}}/cert-renew-letsencrypt" class="btn btn-warning">
<a role="button" href="#/domains/{{name}}/cert-renew-letsencrypt" class="btn btn-warning">
<span class="fa-refresh"></span> {{t 'manually_renew_letsencrypt'}}
</a>
</div>
@ -64,7 +64,7 @@
{{#if actions_enabled.regen_selfsigned}}
<div class="container">
<p>{{t 'regenerate_selfsigned_cert_message'}}</p>
<a href="#/domains/{{name}}/cert-regen-selfsigned" class="btn btn-warning">
<a href="#/domains/{{name}}/cert-regen-selfsigned" role="button" class="btn btn-warning">
<span class="fa-refresh"></span> {{t 'regenerate_selfsigned_cert'}}
</a>
</div>
@ -73,7 +73,7 @@
{{#if actions_enabled.replace_with_selfsigned}}
<div class="container">
<p>{{t 'revert_to_selfsigned_cert_message'}}</p>
<a href="#/domains/{{name}}/cert-replace-with-selfsigned" class="btn btn-danger">
<a href="#/domains/{{name}}/cert-replace-with-selfsigned" role="button" class="btn btn-danger">
<span class="fa-exclamation-triangle"></span> {{t 'revert_to_selfsigned_cert'}}
</a>
</div>

View file

@ -32,7 +32,7 @@
<div class="panel-body">
<div class="container">
<p>{{t 'domain_visit_url' url}}</p>
<a href="{{url}}" class="btn btn-success" target="_blank">
<a role="button" href="{{url}}" class="btn btn-success" target="_blank">
{{t 'domain_visit'}} <span class="fa-fw fa-external-link"></span>
</a>
</div>
@ -51,7 +51,7 @@
<hr>
<div class="container">
<p>{{t 'domain_dns_longdesc'}}</p>
<a href="#/domains/{{name}}/dns" class="btn btn-default slide">
<a role="button" href="#/domains/{{name}}/dns" class="btn btn-default slide">
{{t 'domain_dns_config'}} <span class="fa-fw fa-globe"></span>
</a>
</div>
@ -63,14 +63,14 @@
{{t 'certificate_old_letsencrypt_app_conflict'}}
</p>
{{/unless}}
<a href="#/domains/{{name}}/cert-management" class="btn btn-default slide {{#unless enable_cert_management}}disabled{{/unless}}">
<a href="#/domains/{{name}}/cert-management" role="button" class="btn btn-default slide {{#unless enable_cert_management}}disabled{{/unless}}">
{{t 'ssl_certificate'}} <span class="fa-fw fa-lock"></span>
</a>
</div>
<hr>
<div class="container">
<p>{{t 'domain_delete_longdesc' name}}</p>
<a href="#/domains/{{name}}/delete" class="btn btn-danger slide back">
<a href="#/domains/{{name}}/delete" role="button" class="btn btn-danger slide back">
{{t 'delete'}} <span class="fa-fw fa-trash-o"></span>
</a>
</div>

View file

@ -4,7 +4,7 @@
</div>
<div class="actions-group">
<a href="#/domains/add" class="btn btn-success slide">
<a role="button" href="#/domains/add" class="btn btn-success slide">
<span class="fa-plus"></span> {{t 'domain_add'}}
</a>
</div>

View file

@ -48,27 +48,27 @@
<div class="pull-right">
{{#is_loaded}}
<a href="#/services/{{name}}/disable" class="btn btn-danger">
<a href="#/services/{{name}}/disable" role="button" class="btn btn-danger">
<span class="fa-square-o"></span> {{t 'disable'}}
</a>
{{/is_loaded}}
{{^is_loaded}}
<a href="#/services/{{name}}/enable" class="btn btn-success">
<a href="#/services/{{name}}/enable" role="button" class="btn btn-success">
<span class="fa-check-square-o"></span> {{t 'enable'}}
</a>
{{/is_loaded}}
{{#is_running}}
<a href="#/services/{{name}}/stop" class="btn btn-danger">
<a href="#/services/{{name}}/stop" role="button" class="btn btn-danger">
<span class="fa-stop"></span> {{t 'stop'}}
</a>
{{/is_running}}
{{^is_running}}
<a href="#/services/{{name}}/start" class="btn btn-success">
<a href="#/services/{{name}}/start" role="button" class="btn btn-success">
<span class="fa-play"></span> {{t 'start'}}
</a>
{{/is_running}}
<a href="#/services/{{name}}/log" class="btn btn-default slide">
<a href="#/services/{{name}}/log" role="button" class="btn btn-default slide">
<span class="fa-book"></span> {{t 'log'}}
</a>
</div>

View file

@ -33,7 +33,7 @@
</div>
<div class="text-center">
<input type="submit" class="btn btn-success slide back" value="{{t 'save'}}">
<input role="button" type="submit" class="btn btn-success slide back" value="{{t 'save'}}">
</div>
</form>

View file

@ -9,6 +9,6 @@
<div class="panel panel-default">
<div class="panel-body">
<p>{{t 'tools_download_ca_desc'}}</p>
<a href="ca.crt" class="btn btn-success">CA.crt</a>
<a role="button" href="ca.crt" class="btn btn-success">CA.crt</a>
</div>
</div>

View file

@ -16,9 +16,9 @@
<div class="panel-body">
<pre id="diagnosis">{{ diagnosis }}</pre>
{{#if private}}
<a class="btn btn-primary" href="#/tools/diagnosis"><i class="fa-eye-slash"></i> {{t 'diagnosis_hide_private'}}</a>
<a class="btn btn-primary" role="button" href="#/tools/diagnosis"><i class="fa-eye-slash"></i> {{t 'diagnosis_hide_private'}}</a>
{{else}}
<a class="btn btn-primary" href="#/tools/diagnosis/private"><i class="fa-eye"></i> {{t 'diagnosis_view_private'}}</a>
<a class="btn btn-primary" role="button" href="#/tools/diagnosis/private"><i class="fa-eye"></i> {{t 'diagnosis_view_private'}}</a>
{{/if}}
<button data-paste-content="#diagnosis"><i class="fa-cloud-upload"></i> {{t 'upload'}}</button>
</div>

View file

@ -153,7 +153,7 @@
</div>
<div class="form-group row">
<div class="col-xs-6 col-sm-3">
<input type="submit" class="btn btn-success slide back" value="{{t 'save'}}">
<input role="button" type="submit" class="btn btn-success slide back" value="{{t 'save'}}">
</div>
</div>
@ -168,10 +168,10 @@
<div class="panel-body">
{{#if upnp}}
<p class="text-success">{{t 'upnp_enabled'}}</p>
<a href="#/tools/firewall/upnp/disable" class="btn btn-danger">{{t 'disable'}}</a>
<a role="button" href="#/tools/firewall/upnp/disable" class="btn btn-danger">{{t 'disable'}}</a>
{{else}}
<p class="text-danger">{{t 'upnp_disabled'}}</p>
<a href="#/tools/firewall/upnp/enable" class="btn btn-success">{{t 'enable'}}</a>
<a role="button" href="#/tools/firewall/upnp/enable" class="btn btn-success">{{t 'enable'}}</a>
{{/if}}
</div>
</div>

View file

@ -15,12 +15,12 @@
</div>
<div class="panel-body">
<p>
<a href="#/tools/reboot/reboot" class="btn btn-danger">
<a role="button" href="#/tools/reboot/reboot" class="btn btn-danger">
<i class="fa-refresh"></i> {{t 'tools_reboot_btn'}}
</a>
</p>
<p>
<a href="#/tools/reboot/shutdown" class="btn btn-danger">
<a role="button" href="#/tools/reboot/shutdown" class="btn btn-danger">
<i class="fa-power-off"></i> {{t 'tools_shutdown_btn'}}
</a>
</p>

View file

@ -16,7 +16,7 @@
<p class="pub-date"><em>{{date}}</em></p>
{{{desc}}}
<p class="text-right">
<a href="{{url}}" class="btn btn-default">{{t 'read_more'}}</a>
<a href="{{url}}" role="button" class="btn btn-default">{{t 'read_more'}}</a>
</p>
</div>
</div>
@ -29,6 +29,6 @@
{{/if}}
<div>
<a href="{{url.web}}" class="btn btn-success" target="_blank"><span class="fa-list"></span> {{t 'tools_security_feed_view_items'}}</a>
<a href="{{url.rss}}" class="btn btn-warning" target="_blank"><span class="fa-rss"></span> {{t 'tools_security_feed_subscribe_rss'}}</a>
</div>
<a role="button" href="{{url.web}}" class="btn btn-success" target="_blank"><span class="fa-list"></span> {{t 'tools_security_feed_view_items'}}</a>
<a role="button" href="{{url.rss}}" class="btn btn-warning" target="_blank"><span class="fa-rss"></span> {{t 'tools_security_feed_subscribe_rss'}}</a>
</div>

View file

@ -17,6 +17,6 @@
<dd>{{version}} ({{repo}})</dd>
{{/each}}
</dl>
<a href="#/update" class="btn btn-success pull-right">{{t 'system_update'}}</a>
<a role="button" href="#/update" class="btn btn-success pull-right">{{t 'system_update'}}</a>
</div>
</div>

View file

@ -26,7 +26,7 @@
{{/packages}}
</div>
<div class="panel-footer">
<a href="#/upgrade/packages" class="btn btn-success">{{t 'system_upgrade_all_packages_btn'}}</a>
<a href="#/upgrade/packages" role="button" class="btn btn-success">{{t 'system_upgrade_all_packages_btn'}}</a>
</div>
{{else}}
<div class="panel-body">
@ -43,13 +43,13 @@
<div class="list-group">
{{#apps}}
<div class="list-group-item clearfix">
<a href="#/upgrade/apps/{{id}}" class="btn btn-success pull-right">{{t 'system_upgrade_btn'}}</a>
<a href="#/upgrade/apps/{{id}}" role="button" class="btn btn-success pull-right">{{t 'system_upgrade_btn'}}</a>
<h3 class="list-group-item-heading">{{label}} <small>{{id}}</small></h3>
</div>
{{/apps}}
</div>
<div class="panel-footer">
<a href="#/upgrade/apps" class="btn btn-success">{{t 'system_upgrade_all_applications_btn'}}</a>
<a role="button" href="#/upgrade/apps" class="btn btn-success">{{t 'system_upgrade_all_applications_btn'}}</a>
</div>
{{else}}
<div class="panel-body">

View file

@ -72,7 +72,7 @@
</div>
<div class="text-center">
<input type="submit" class="btn btn-success slide back" value="{{t 'save'}}">
<input type="submit" role="button" class="btn btn-success slide back" value="{{t 'save'}}">
</div>
</form>

View file

@ -97,7 +97,7 @@
</div>
<div class="text-center">
<input type="submit" class="btn btn-success slide back" value="{{t 'save'}}">
<input type="submit" role="button" class="btn btn-success slide back" value="{{t 'save'}}">
</div>
</form>

View file

@ -61,8 +61,8 @@
</tbody>
</table>
<span class="pull-right">
<a href="#/users/{{username}}/edit" class="btn btn-info slide"><span class="fa-pencil-square-o"/> {{t 'user_username_edit' username}}</a>
<a href="#/users/{{username}}/delete" class="btn btn-danger slide back"><span class="fa-trash-o"/> {{t 'delete'}}</a>
<a role="button" href="#/users/{{username}}/edit" class="btn btn-info slide"><span class="fa-pencil-square-o"/> {{t 'user_username_edit' username}}</a>
<a role="button" href="#/users/{{username}}/delete" class="btn btn-danger slide back"><span class="fa-trash-o"/> {{t 'delete'}}</a>
</span>
</div>
</div>

View file

@ -4,7 +4,7 @@
</div>
<div class="actions-group">
<a href="#/users/create" class="btn btn-success slide">
<a role="button" href="#/users/create" class="btn btn-success slide">
<span class="fa-plus"></span> {{t 'users_new'}}
</a>
</div>