Dostępność 3D w sieci — nadzieja w HTML-in-Canvas

Canvas to jeden z tych elementów HTML, które deweloperom dają niemal nieograniczone możliwości. Gry, mapy, wizualizacje 3D, interaktywne grafiki — wszystko to żyje w canvasie. Dla użytkownika czytnika ekranu to zazwyczaj kompletna czarna dziura.

Powody są klasyczne. Deweloperzy nie wiedzą, że dostępna alternatywa jest w ogóle możliwa. Czas i budżet nie pozwalają na nic ekstra. Dostępność trafia do projektu ostatnia. HTML wprawdzie pozwala na treść zastępczą wewnątrz canvasa, ale synchronizowanie tego, co widać, z tym, co semantyczne, to mozolna robota ręczna.

Nowa propozycja — HTML-in-Canvas — chce to uprościć. Renderujesz HTML wewnątrz elementu canvas, zachowując przy tym semantykę. Warstwa wizualna i semantyczna to ten sam element, więc problem synchronizacji po prostu znika. Już teraz można to przetestować: w Chrome Canary albo Brave Stable wystarczy włączyć odpowiednie flagi eksperymentalne.

Bogdan Cerovac, autor artykułu, zastrzega że to nie zwalnia z planowania dostępności od początku. Semantyczna treść nie pojawi się sama — trzeba ją zaprojektować. HTML-in-Canvas usuwa najtrudniejszą część pracy, nie całą.

Warto przeczytać w całości: New hope for better accessibility of 3D experiences on the web (Bogdan Cerovac)