Some complex interactions currently are not well supported by existing native elements or common widget design patterns, and in these cases the application role may be appropriate. However, it should be approached with a clear understanding of the accessibility implications.
According to the Accessible Rich Internet Applications (ARIA) 1.2 recommendation, all perceivable content contained in the application element must also be focusable, since otherwise users on some assistive technology won’t be able to access it. There are multiple ways to achieve this, depending on the content’s purpose.
When building a widget with
role="application", it’s also critical to gather feedback and conduct thorough accessibility testing with users with disabilities. This testing can uncover considerations for functionality and communication that will lead to a better widget and save you time and money in the long run.
Remember, always consider existing widget design patterns before choosing the application role. Take a deeper dive into common design pattern examples in the Widgets course from Accessible Web Academy.