100 lines
2.9 KiB
Plaintext
100 lines
2.9 KiB
Plaintext
<% provide :title do %><%= t('pages.titles.accessibility') %><% end %>
|
|
<% content_for :canonical do %>
|
|
<%= render "shared/canonical", href: page_url("accessibility") %>
|
|
<% end %>
|
|
|
|
<div class="row">
|
|
<div class="small-12 column">
|
|
|
|
<h1><%= t('.title') %></h1>
|
|
<%= simple_format(t('.description')) %>
|
|
|
|
<ul>
|
|
<% t('.examples').each do |example| %>
|
|
<li><%= example %></li>
|
|
<% end %>
|
|
</ul>
|
|
|
|
<h2><%= t('.keyboard_shortcuts.title') %></h2>
|
|
|
|
<p><%= t('.keyboard_shortcuts.navigation_table.description') %></p>
|
|
|
|
<div class="small-12 medium-6">
|
|
<table>
|
|
<caption class="show-for-sr"><%= t('.keyboard_shortcuts.navigation_table.caption') %></caption>
|
|
<thead>
|
|
<tr>
|
|
<th scope="col" class="text-center"><%= t('.keyboard_shortcuts.navigation_table.key_header') %></th>
|
|
<th scope="col"><%= t('.keyboard_shortcuts.navigation_table.page_header') %></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<% t('.keyboard_shortcuts.navigation_table.rows').each do |row| %>
|
|
<tr>
|
|
<td class="text-center"><%= row[:key_column] %></td>
|
|
<td><%= row[:page_column] %></td>
|
|
</tr>
|
|
<% end %>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<p><%= t('.keyboard_shortcuts.browser_table.description') %></p>
|
|
|
|
<div class="small-12 medium-6">
|
|
<table>
|
|
<caption class="show-for-sr"><%= t('.keyboard_shortcuts.browser_table.caption') %></caption>
|
|
<thead>
|
|
<tr>
|
|
<th scope="col"><%= t('.keyboard_shortcuts.browser_table.browser_header') %></th>
|
|
<th scope="col"><%= t('.keyboard_shortcuts.browser_table.key_header') %></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<% t('.keyboard_shortcuts.browser_table.rows').each do |row| %>
|
|
<tr>
|
|
<td><%= row[:browser_column] %></td>
|
|
<td><%= row[:key_column] %></td>
|
|
</tr>
|
|
<% end %>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<h2><%= t('.textsize.title') %></h2>
|
|
<p><%= t('.textsize.browser_settings_table.description') %></p>
|
|
|
|
<div class="small-12 medium-6">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th scope="col"><%= t('.textsize.browser_settings_table.browser_header') %></th>
|
|
<th scope="col"><%= t('.textsize.browser_settings_table.action_header') %></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<% t('.textsize.browser_settings_table.rows').each do |row| %>
|
|
<tr>
|
|
<td><%= row[:browser_column] %></td>
|
|
<td><%= row[:action_column] %></td>
|
|
</tr>
|
|
<% end %>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<p><%= t('.textsize.browser_shortcuts_table.description') %></p>
|
|
|
|
<ul>
|
|
<% t('.textsize.browser_shortcuts_table.rows').each do |row| %>
|
|
<li><code><%= row[:shortcut_column] %></code> <%= row[:description_column] %></li>
|
|
<% end %>
|
|
</ul>
|
|
|
|
<h2><%= t('.compatibility.title') %></h2>
|
|
|
|
<p><%= t('.compatibility.description_html') %></p>
|
|
|
|
</div>
|
|
</div>
|