devgeniem / bulmally Goto Github PK

When message component is selected the focus is not visible and it's impossible to see that component is selected.

Message component tested on Windows High Contrast Mode both light and dark color themes.
Browsers IE and Edge.

The top bar of message box is missing, also color is not different compared to the message body. It is impossible to see when the focus is on message box. Closing the message box works on Edge but not on IE.

Login button in Navbar doesn't have focus color if it's selected with tab. It is disabled from Bulma styles and this could be problem in other buttons too.

Expected behaviour: tab key should focus only the active tab, and VO+arrow keys should change between each tab.

What happens: When navigating in VoiceOver, each tab receives focus with the tab key.

Scroll position occasionally jumps back to the top when scrolling the documentation site. Verified on FF and Safari for macOS, Safari on iOS.

Great work! I’m interested in using Bulmally in my next project. What is the license for Bulmally?

In safari tab roles are there but not in FF or Chrome.

From the accessibility point of view all Navbar links should have href attributes. Those are now missing and accessibility cannot be tested.

Modal component tested on Windows High Contrast Mode, Edge browser
Used both white and black background themes.

Button focus color is very poor on the white/light background themes, it can hardly seen and opening + closing modal window is difficult. On black/dark based backgrounds focus color is a little better.

Navbar submenu is now shown when using IE browser.
FYI, Also the content of whole page is missing and only navbar is visible.
https://devgeniem.github.io/bulmally/components/navbar/navbar.html

Tabs component and Windows High Contrast mode with white background themes
The problem is only on IE browser.

The focus color on tabs is poor if user select the theme with white background, especially it the tab group has a border.

Tabs component
Tested with Windows High Contrast Mode(4 themes) by using tab key.
Browsers IE and Edge

If you select a tab and it's content (with enter) from the tabs group and move forward to another tab. The focus doesn't stay on the tab which content is selected.

In accordion.js the accordion group is fetched by ID, limiting the amount of accordion groups on one page to one.

Fix should involve fetching by class instead.

The JavaScript in the readme is out of date.

Tested: Navbar Windows High Contrast mode, with available 4 themes
Browser: Edge

"Sign up" and "Login" buttons don't have focus when scroll through the navbar by using tab.
There is another similar issue reported: #4.

Tested modal window with macOS Mojave Safari VoiceOver. Selecting elements with tab works ok and the focus is in the modal window. Selecting rows with arrow up and down keys throws the focus away from the modal window. This happens occasionally, not every time. Pressing tab again throws focus back to the being of modal window.

Modal component tested on Windows IE browser.
Modal window doesn't open, it's broken.