Learning from the session
- Canvas is not accessible, so we should use SVG for meaningful data such as graphs as much as possible
- It's possible to add markup in canvas tag as fallback
- set role="img" and use aria-label. Update img.alt or other props when the Canvas content is updated
- Adding aria-label to fallback content somehow does not work so it should be added to canvas tag
- We can use drawFocusIfNeeded API to show focus outline. It relies on the fallback contents https://developer.mozilla.org/ja/docs/Web/API/CanvasRenderingContext2D/drawFocusIfNeeded
Learning/Reminder from UOL Web
- It's ideal to put script tag just before
