Международный журнал информационных и коммуникационных технологий



Pdf көрінісі
бет176/187
Дата17.10.2023
өлшемі3,05 Mb.
#117203
1   ...   172   173   174   175   176   177   178   179   ...   187
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


Достарыңызбен бөлісу:
1   ...   172   173   174   175   176   177   178   179   ...   187




©emirsaba.org 2024
әкімшілігінің қараңыз

    Басты бет