Proposed Interface Design
Before describing the considerations for our new interface design, it is important to understand how a screen
reader works. Screen readers read the textual information in the same order as provided in the HTML. For
the sake of avoiding misinterpretation of the content by the screen reader, it is important to use valid HTML.
Moreover, it is also important to use the correct semantics for coding the information, otherwise the screen
reader could fail to process the information.
It is worth noting that a screen reader ignores the context of the HTML elements and only reads out the
information inside the element. As a result, it is crucial for these elements to provide sufficient information. We
went through the links in the navigation bar, so that they could be understood without the context using the “sr-
only” CSS class, the purpose of which is to ensure that the text in the element is read out by the screen reader
while remaining invisible for the sighted users.
Figure 1 – «Using sr-only CSS class»
For example, in Figure 1 the text “Research Methodology” put into the span tag will only be read by a screen
reader.
Also, we designed the list of the courses as a table with column names for easier and quicker navigation as
shown in Figure 2.
Figure 2 – «Table view of the courses»
International Journal of Information and Communication Technologies, Special issue, march 2022
147
НАУЧНО-ПРАКТИЧЕСКАЯ КОНФЕРЕНЦИЯ «30-ЛЕТИЕ НЕЗАВИСИМОСТИ КАЗАХСТАНА:
ДОСТИЖЕНИЯ И ПЕРСПЕКТИВЫ»
Evaluation
Our expectation was that blindfolded participants would be able to solve the tasks better and faster using the
newly proposed interface. This was, indeed, confirmed by the evaluation results shown below. It's worth noting
that even for the users who had previous experience with DL user interface, the margin of improvement was as
high as for those who had no experience with DL at all, which was probably amplified by the fact that all the
participants are blindfolded rather than actually blind, and the prior experience with the visual user interface of
DL was not of much relevance when it comes to using screen readers.
Efficiency analysis
Time needed
: all of the tasks can be completed faster by using the improved interface design (Figure 1). The
test users needed more than 3 times less time to complete the tasks using the new interface compared to the
current design.
Figure 3 – «Time taken per task»
Keystrokes needed:
the new interface outperformed the current design by the amount of keystrokes needed
to complete the tasks. The results for this metric highly correlate with the time measurement one, and the
improvement was observed across all the tasks.
Figure 4 – «Keystrokes needed per task»
Conclusion
This paper targets the User Interface usability for the students with poor or no vision. During the analysis
of the existing DL intranet system interface, a number of shortcomings were identified which contributed to
difficulties in navigating through the interface.
International Journal of Information and Communication Technologies, Special issue, march 2022
148
Достарыңызбен бөлісу: |