my_blog/templates/accessibility_options.html

31 lines
1.1 KiB
HTML

<form>
<fieldset>
<legend aria-describedby="about-accessibility-options">Accessibility Options</legend>
<p id="about-accessibility-options">accessibility options requires javascript</p>
<script>
const id = "about-accessibility-options";
const element = document.getElementById(id);
element.innerHTML = element.innerHTML.concat(" (javascript enabled)");
</script>
<label id="color-theme-label" for="color-theme">color theme</label>
<select id="color-theme" name="color-theme">
<option value="dark-theme">dark (default)</option>
<option value="classic-theme">classic</option>
<!--
<option value="high-contrast-theme">high contrast</option>
-->
</select>
<label id="fonts-label" for="fonts">fonts</label>
<select id="fonts" name="fonts">
<option value="default-font">browser default (default)</option>
<option value="monospace-font">monospace</option>
<!--
<option value="comic-sans-font">Comic Sans</option>
-->
</select>
<input type="button" value="apply settings" onclick="apply_accessibility_options()">
</fieldset>
</form>