28 lines
2.3 KiB
HTML
28 lines
2.3 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %} Compatibility and Accessibility {% endblock %}
|
|
{% block content %}
|
|
<h1>Compatibility and Accessibility</h1>
|
|
|
|
<h3 class="section-head">Browser Compatibility</h3>
|
|
<p>
|
|
This web app was made using the Bootstrap CSS framework. Most CSS components, browser elements, and JavaScript code should be compatible with most contemporary browsers. This version of the quiz reduces its use of JavaScript to process and evaluate results, and uses JavaScript for animations and other effects in the interface. So it should be compatible more widely.
|
|
</p>
|
|
<p>
|
|
If you notice any incompatibilities or strange browser behaviour, please let me know and I'll try and see how I can fix it.
|
|
</p>
|
|
|
|
<h3 class="section-head">Accessibility</h3>
|
|
<p>
|
|
Bootstrap as a CSS web design framework is built with a lot of accessibility features and guidance in mind, and the supporting documentation gave some guidance on what fields and metadata to populate to make page elements accessible to screen readers. I used the existing Bootstrap CSS classes and templates, and followed most existing guidance to enter metadata for html elements. This should hopefully facilitate screen readers being able to parse the page effectively. If there are any issues with this, let me know and I can make sure the page is structured in a way that is screen reader friendly.
|
|
</p>
|
|
<p>
|
|
Besides that, the colour schemes and fonts have been the standard fonts to ensure that they are legible and familiar. All links are also navigable by the keyboard alone, and this should make it a lot easier to interact with the quiz (especially when having to answer several questions).
|
|
</p>
|
|
<p>
|
|
Admittedly, this quiz is rather long. There are a lot of questions to answer. Although not all questions are mandatory, and a user need not fill in all answers in order to proceed.
|
|
</p>
|
|
<h3 class="section-head">Web Hosting</h3>
|
|
<p>
|
|
Because of how I re-structured this to be a web app running on the server, the way in which I host this site has changed considerably. There may be issues with how the various ports forward to each other on the server. I will monitor this. If there are any problems with accessing this, let me know and I will try to fix it.
|
|
</p>
|
|
{% endblock %} |