Subscribe to Blind dev
Blind devGlider Fi: On-chain Portfolio and Rebalancing Strategies
Blind devAnalysis of Perp Dex Aggregator Liquid: Team, Concept, Coin, Code + Practice, Risks, and Advantages
Analysis of Perp Dex Aggregator Liquid: Team, Concept, Coin, Code + Practice, Risks, and AdvantagesAt first it was only a mobile app: I thought the project was useless for me. But it turned out there is a beta version of the web interface. So I decided to analyze the project.AuditTeamThere is no link to the team page or LinkedIn on the website. But I found out that the Liquid project was developed by a team of highly qualified specialists from New York with significant experience in quantitat...
Blind devEthos: a reputation service for X accounts and more. Analysis of the team, concept, coin, code, and …
<100 subscribers
Support Blind dev
Blind devHow accessible are the interfaces of Moni service websites for the blind? I'm analyzing this in the article. I also provide recommendations for improving usability.
At the request, I am writing an accessibility review for the blind. Along the way, I give some general recommendations for improving usability.
Use aria-label="Name" for elements where text cannot be added due to design.
To fix the cursor, use tabindex=-1 and .focus in JS
It's better to separate blocks on the page with h2 and h3 headings. This makes it easier to navigate through them.
On the home page getmoni.io some buttons are also not labeled (apparently only as icons), but this is not critical:
Nothing happens when clicked
This is an info resource.
Example: buttons under "Alpha Reports" and the link "Learn More" (I'm talking about the position in the html code, not visually). They are also above the heading "MONI API".
Similar ones are under the heading "LOVE IS MONI".
On the page about Noti bot there is information in the heading, starting from "Why choose Noti Bot?" and up to the link "Add Noti to your group".
From "➕" to the "Play" button.
From the heading "Step 1" to the heading "FAQ".
It's very inconvenient to listen to the text when there's a title on every line.
It turns out something like this:
"title level 1 Why choose Noti Bot?
title level 1 We get it—building a community before launch is tough. Noti Bot helps you boost virality,
title level 1 engagement, and hype.
title level 1 Alert received –> FOMO kicks in –> Community hype ignites
title level 2 Your community won’t miss a post from your Twitter account, increasing engagement for all
title level 2 participants".
Similar is also on the page Moni extension.
Under the "Dark Theme" button there is another one without a name. It's unclear why it's needed - an extra element that performs the same action.
The same under "Sidepanel".
Under the "Check account" field, there should be a search button, but it's not there. There is a "Click" element, but it has no description = complicates understanding (not always "Click" performs any actions).
Next is a link with a button and graphics, and then - a list of five buttons without description. It's unclear what they do.
"Clear" for search history is available - good.
On the account page in the extension under the login in X, there is a button without a description, clicking on which opens a choice: trusted account and scam account. Better name it "rate" or something like that.
There will be a screenshot under the list - I hope it will be clear what I'm talking about.
According to the project data:
There is something similar to this: "Smarts244+1". Please always separate words with spaces. Here, of course, everything is fine, but sometimes there is a bug because of this. For example, in Debank it is inconvenient to listen to percentages, as their numbers merge with balance numbers...
Otherwise, everything is fine here.
The only thing: I would like to see data on the Moni score when entering the project's website if it is present in Moni.
For example, I went to coredao.org - when opening the extension, information about their X Moni score is immediately visible.
Something similar could be done when visiting X profile pages.
Moni Score should be written in the "Discover" button or next to it, not under the name and the button "Provides details about verified accounts.".
Also, describe the account rating button (where information about the rating and buttons "Trusted account" / "Scam account" is located), otherwise you have to find out its purpose by trial and error.
In the line with the number of smarts and mentions by smarts, the number and the word Smart should be separated
In the list of tweets above the login, there is a button. It is also unsigned and opens the extension. Advice: name it "Moni aX ccount data" or something like that.
Above the "More" button is the rating. Again, it should be described.
Screenshot:
By extension, everything.
Right under the title and, as I understand it, the logo, there is an unnamed button. Code:
I never figured out its purpose. But I would like it to be described.
Regarding other elements:
Under the button with the wallet address, there is another unnamed button and a list of five buttons in the link.
In "Trending" under the image with alt "fire" there are two buttons. It might be worth naming them "Prev" & "Next", although I didn't notice any difference after clicking them: perhaps they should be removed, making them fully visual.
In projects (applies to both Curated and Raw) after clicking on "Manage filters", the cursor does not land on the settings, which is inconvenient. It might be worth making a modal window (role="dialog" and other methods of highlighting an html block)
In the list of projects, there are columns. But they are represented by buttons. It would be great if you made a normal html table with table, tr, th, td tags, etc. Buttons can be left for sorting, but the columns should be named so that you understand what data relates to what. Otherwise, now when you look at the list: if you don't save the names, you get an incomprehensible mix.
Example in one line:
2D552 +573 53 +52 20 +20 4.24K +4 095
As you can see, it's hard to perceive.
In "New list":
Above the "List name" field, there is a button to select a symbol (better name it "Select symbol". And above it - closing. It should also be named "Close". By the way, it's also worth doing in the filter settings.
In the list of sheets:
The delete sheet button is not described. Write "Delete", like "Edit".
"Edit" should be renamed to "Edit name".
On the sheet page:
Under the change periods, there is a "Feed" button. It's unclear what it does: no changes noticed. It turned out to be a ribbon in a modal window, but the cursor doesn't immediately get into it - inconvenient.
Also, it would be better to make a table.
Under the Last element, there is an unsigned button. After clicking, sheet management opens. Better name it "Manage".
Also, it's inconvenient that a repeated click doesn't hide the management - it's not very convenient, as you have to press the down arrow key to move to the next item in the list.
More to the level of convenience, but it would be great to see a mass selection with input type="checkbox" for each item in the list. Clicking the "Manage" button under the list would open the ability to delete or add multiple accounts.
There are also unsigned buttons in Trending.
Next to profile search, there is also an unsigned button. It would be better to name it "Search" if it actually launches the search.
In filter management, a modal or cursor transition to the opening location is also needed, change the table in the list, add a caption to the "Manage" button in the list for management in lists.
Addition: it would be better to write at the beginning what distinguishes the watchlist from "Smart Tracker". At first, I didn't understand.
For example, that the watchlist allows you to get a feed of new posts and some other things, and here - to monitor smarts and their actions.
Also, it is worth renaming "Edit" to "Edit name", adding names to the close and character selection buttons.
Categories are great! But I would like the ability to select multiple of them, not choose separately. I thought I could immediately see the accounts for Researchers, Hyperliquid Degens, and AI Agents Degens - it didn't work out...
In addition, the "Manage" button in the list should be named.
The page Reports
Everything is fine here. The only thing is that it might be worth making them on your own resource so as not to depend on Notion. It's also not very accessible. In particular, automatic translation of the entire text is not supported and there are some other drawbacks.
Surprisingly, everything is good here!
The only thing is that on the Categories tab, data is leaking:
L117.62%-1.93%
Please separate with spaces. Also, it's unclear what these percentages are. It might be better to make a table again.
Everything is great in "Projects", as well as in Chains.
The only thing is that it's also better to make a table in Chains.
And it might be worth indicating what these settings are before the list and how to work with them. Otherwise, it's unclear: whether these are filters or something else... And why, for example, a small list of blockchains is displayed for projects.
The filter on the main page is somehow more likable...
Page Checker
In "Top Queries" there are two undescribed pagination buttons that do nothing when clicked with the keyboard.
Everything else is fine.
The referral program page has everything available.
At least at this stage (while the balance functionality is unavailable, as there are 0 invites and $0).
I would be happy to use my referral link if you are a reader of my channel and came to the article:
https://discover.getmoni.io/?ref=ORKFDD
Here under "Pay with referal bonuses" there is a button without a name. Purpose unknown.
Everything else here is fine.
There is an unsigned button above the title and other data. I didn't understand its purpose, as I didn't notice any changes.
Also, next to "Edit", I assume it's a delete button: it would be better to write the name "Delete".
Editing via "Edit" or creating via "New Alert":
Make a close button with a name
It would be great if there was an option to turn list selection into input type="checkbox". You can, of course, click and look at the top for the count, but it's not very convenient. And not everyone will understand that this is what they need to do.
In "Alert Types" there is also a list with text. I set it up a long time ago: I already don't even remember myself, but it seems like there was a problem with the settings (had to ask sighted people for help to understand the essence). It would be better to make, again, a semblance of a filter control on the main page. Although I recall that in the end, I didn't touch this list, apparently...
Next to the ID there is an unsigned button. It would be better to indicate that this is selecting an ID from the list.
When creating an alert on the "Smart Tracker" tab, there are "Alert Types". Again, it's unclear whether the selection occurs after pressing Enter. It would be better to implement checkboxes or input type="radio".
Let's see what's with accessibility https://app.getmoni.io
What needs to be changed:
Add a table for easier column determination
The last item in the list is an unsigned button. Better to name it "Actions".
In creation, it is also worth naming the close button and the character selection button.
It is inconvenient that after creating a watchlist, it goes to its page. You have to manually select Global to choose other assets.
Search is completely unavailable: entered HYPE. Something seemed to appear on the screen, but couldn't catch and go with the keyboard. This is very bad! Screenshot below
Also:
The first button and the last in pagination are unsigned. Better to write "First", "Last".
At the very bottom, there is also an unsigned button. Didn't understand the purpose.
When creating a portfolio, also add a title to the close button and character selection.
Next to "Share Portfolio" there is an unsigned button (in the html code before it). Opens selection editing, exclusion from the total number and deletion. Better to name "Actions".
Below the line "“Portfolio created. Add balance to get started.”" there is an unsigned button. Better to name "Add transaction".
In the token list under "Select token".
When searching for a token, if you enter a ticker, they are not sorted by market cap for some reason. For example, when I entered ETH, ETH+ was first - inconvenient.
Also, I would like to set the price by market by clicking the corresponding button next to the price field.
In the transaction list, the last item is a button without a name. Better to name it "Actions".
In the "Sorter" on the Coins tab, each option has two buttons. Better to name them "Desc" and "Asc" accordingly.
Lines are merging: "Ethereum$395.790.1 ETH100%+0%". It would be better to separate them with spaces. Even better, if you create a standard table.
Some elements are accessible, but about 40%-60% of the interface needs to be made more accessible. I would appreciate that. Thank you.
If you came to the article from a channel or blog, thank you for reading and sharing.
New accessibility and usability reviews, articles with project analysis by 4K+ (team, concept, coin, code + practice) and news of my developments in the channel https://t.me/blind_dev - subscribe if you haven't already.
At the request, I am writing an accessibility review for the blind. Along the way, I give some general recommendations for improving usability.
Use aria-label="Name" for elements where text cannot be added due to design.
To fix the cursor, use tabindex=-1 and .focus in JS
It's better to separate blocks on the page with h2 and h3 headings. This makes it easier to navigate through them.
On the home page getmoni.io some buttons are also not labeled (apparently only as icons), but this is not critical:
Nothing happens when clicked
This is an info resource.
Example: buttons under "Alpha Reports" and the link "Learn More" (I'm talking about the position in the html code, not visually). They are also above the heading "MONI API".
Similar ones are under the heading "LOVE IS MONI".
On the page about Noti bot there is information in the heading, starting from "Why choose Noti Bot?" and up to the link "Add Noti to your group".
From "➕" to the "Play" button.
From the heading "Step 1" to the heading "FAQ".
It's very inconvenient to listen to the text when there's a title on every line.
It turns out something like this:
"title level 1 Why choose Noti Bot?
title level 1 We get it—building a community before launch is tough. Noti Bot helps you boost virality,
title level 1 engagement, and hype.
title level 1 Alert received –> FOMO kicks in –> Community hype ignites
title level 2 Your community won’t miss a post from your Twitter account, increasing engagement for all
title level 2 participants".
Similar is also on the page Moni extension.
Under the "Dark Theme" button there is another one without a name. It's unclear why it's needed - an extra element that performs the same action.
The same under "Sidepanel".
Under the "Check account" field, there should be a search button, but it's not there. There is a "Click" element, but it has no description = complicates understanding (not always "Click" performs any actions).
Next is a link with a button and graphics, and then - a list of five buttons without description. It's unclear what they do.
"Clear" for search history is available - good.
On the account page in the extension under the login in X, there is a button without a description, clicking on which opens a choice: trusted account and scam account. Better name it "rate" or something like that.
There will be a screenshot under the list - I hope it will be clear what I'm talking about.
According to the project data:
There is something similar to this: "Smarts244+1". Please always separate words with spaces. Here, of course, everything is fine, but sometimes there is a bug because of this. For example, in Debank it is inconvenient to listen to percentages, as their numbers merge with balance numbers...
Otherwise, everything is fine here.
The only thing: I would like to see data on the Moni score when entering the project's website if it is present in Moni.
For example, I went to coredao.org - when opening the extension, information about their X Moni score is immediately visible.
Something similar could be done when visiting X profile pages.
Moni Score should be written in the "Discover" button or next to it, not under the name and the button "Provides details about verified accounts.".
Also, describe the account rating button (where information about the rating and buttons "Trusted account" / "Scam account" is located), otherwise you have to find out its purpose by trial and error.
In the line with the number of smarts and mentions by smarts, the number and the word Smart should be separated
In the list of tweets above the login, there is a button. It is also unsigned and opens the extension. Advice: name it "Moni aX ccount data" or something like that.
Above the "More" button is the rating. Again, it should be described.
Screenshot:
By extension, everything.
Right under the title and, as I understand it, the logo, there is an unnamed button. Code:
I never figured out its purpose. But I would like it to be described.
Regarding other elements:
Under the button with the wallet address, there is another unnamed button and a list of five buttons in the link.
In "Trending" under the image with alt "fire" there are two buttons. It might be worth naming them "Prev" & "Next", although I didn't notice any difference after clicking them: perhaps they should be removed, making them fully visual.
In projects (applies to both Curated and Raw) after clicking on "Manage filters", the cursor does not land on the settings, which is inconvenient. It might be worth making a modal window (role="dialog" and other methods of highlighting an html block)
In the list of projects, there are columns. But they are represented by buttons. It would be great if you made a normal html table with table, tr, th, td tags, etc. Buttons can be left for sorting, but the columns should be named so that you understand what data relates to what. Otherwise, now when you look at the list: if you don't save the names, you get an incomprehensible mix.
Example in one line:
2D552 +573 53 +52 20 +20 4.24K +4 095
As you can see, it's hard to perceive.
In "New list":
Above the "List name" field, there is a button to select a symbol (better name it "Select symbol". And above it - closing. It should also be named "Close". By the way, it's also worth doing in the filter settings.
In the list of sheets:
The delete sheet button is not described. Write "Delete", like "Edit".
"Edit" should be renamed to "Edit name".
On the sheet page:
Under the change periods, there is a "Feed" button. It's unclear what it does: no changes noticed. It turned out to be a ribbon in a modal window, but the cursor doesn't immediately get into it - inconvenient.
Also, it would be better to make a table.
Under the Last element, there is an unsigned button. After clicking, sheet management opens. Better name it "Manage".
Also, it's inconvenient that a repeated click doesn't hide the management - it's not very convenient, as you have to press the down arrow key to move to the next item in the list.
More to the level of convenience, but it would be great to see a mass selection with input type="checkbox" for each item in the list. Clicking the "Manage" button under the list would open the ability to delete or add multiple accounts.
There are also unsigned buttons in Trending.
Next to profile search, there is also an unsigned button. It would be better to name it "Search" if it actually launches the search.
In filter management, a modal or cursor transition to the opening location is also needed, change the table in the list, add a caption to the "Manage" button in the list for management in lists.
Addition: it would be better to write at the beginning what distinguishes the watchlist from "Smart Tracker". At first, I didn't understand.
For example, that the watchlist allows you to get a feed of new posts and some other things, and here - to monitor smarts and their actions.
Also, it is worth renaming "Edit" to "Edit name", adding names to the close and character selection buttons.
Categories are great! But I would like the ability to select multiple of them, not choose separately. I thought I could immediately see the accounts for Researchers, Hyperliquid Degens, and AI Agents Degens - it didn't work out...
In addition, the "Manage" button in the list should be named.
The page Reports
Everything is fine here. The only thing is that it might be worth making them on your own resource so as not to depend on Notion. It's also not very accessible. In particular, automatic translation of the entire text is not supported and there are some other drawbacks.
Surprisingly, everything is good here!
The only thing is that on the Categories tab, data is leaking:
L117.62%-1.93%
Please separate with spaces. Also, it's unclear what these percentages are. It might be better to make a table again.
Everything is great in "Projects", as well as in Chains.
The only thing is that it's also better to make a table in Chains.
And it might be worth indicating what these settings are before the list and how to work with them. Otherwise, it's unclear: whether these are filters or something else... And why, for example, a small list of blockchains is displayed for projects.
The filter on the main page is somehow more likable...
Page Checker
In "Top Queries" there are two undescribed pagination buttons that do nothing when clicked with the keyboard.
Everything else is fine.
The referral program page has everything available.
At least at this stage (while the balance functionality is unavailable, as there are 0 invites and $0).
I would be happy to use my referral link if you are a reader of my channel and came to the article:
https://discover.getmoni.io/?ref=ORKFDD
Here under "Pay with referal bonuses" there is a button without a name. Purpose unknown.
Everything else here is fine.
There is an unsigned button above the title and other data. I didn't understand its purpose, as I didn't notice any changes.
Also, next to "Edit", I assume it's a delete button: it would be better to write the name "Delete".
Editing via "Edit" or creating via "New Alert":
Make a close button with a name
It would be great if there was an option to turn list selection into input type="checkbox". You can, of course, click and look at the top for the count, but it's not very convenient. And not everyone will understand that this is what they need to do.
In "Alert Types" there is also a list with text. I set it up a long time ago: I already don't even remember myself, but it seems like there was a problem with the settings (had to ask sighted people for help to understand the essence). It would be better to make, again, a semblance of a filter control on the main page. Although I recall that in the end, I didn't touch this list, apparently...
Next to the ID there is an unsigned button. It would be better to indicate that this is selecting an ID from the list.
When creating an alert on the "Smart Tracker" tab, there are "Alert Types". Again, it's unclear whether the selection occurs after pressing Enter. It would be better to implement checkboxes or input type="radio".
Let's see what's with accessibility https://app.getmoni.io
What needs to be changed:
Add a table for easier column determination
The last item in the list is an unsigned button. Better to name it "Actions".
In creation, it is also worth naming the close button and the character selection button.
It is inconvenient that after creating a watchlist, it goes to its page. You have to manually select Global to choose other assets.
Search is completely unavailable: entered HYPE. Something seemed to appear on the screen, but couldn't catch and go with the keyboard. This is very bad! Screenshot below
Also:
The first button and the last in pagination are unsigned. Better to write "First", "Last".
At the very bottom, there is also an unsigned button. Didn't understand the purpose.
When creating a portfolio, also add a title to the close button and character selection.
Next to "Share Portfolio" there is an unsigned button (in the html code before it). Opens selection editing, exclusion from the total number and deletion. Better to name "Actions".
Below the line "“Portfolio created. Add balance to get started.”" there is an unsigned button. Better to name "Add transaction".
In the token list under "Select token".
When searching for a token, if you enter a ticker, they are not sorted by market cap for some reason. For example, when I entered ETH, ETH+ was first - inconvenient.
Also, I would like to set the price by market by clicking the corresponding button next to the price field.
In the transaction list, the last item is a button without a name. Better to name it "Actions".
In the "Sorter" on the Coins tab, each option has two buttons. Better to name them "Desc" and "Asc" accordingly.
Lines are merging: "Ethereum$395.790.1 ETH100%+0%". It would be better to separate them with spaces. Even better, if you create a standard table.
Some elements are accessible, but about 40%-60% of the interface needs to be made more accessible. I would appreciate that. Thank you.
If you came to the article from a channel or blog, thank you for reading and sharing.
New accessibility and usability reviews, articles with project analysis by 4K+ (team, concept, coin, code + practice) and news of my developments in the channel https://t.me/blind_dev - subscribe if you haven't already.
Blind devGlider Fi: On-chain Portfolio and Rebalancing Strategies
Blind devAnalysis of Perp Dex Aggregator Liquid: Team, Concept, Coin, Code + Practice, Risks, and Advantages
Analysis of Perp Dex Aggregator Liquid: Team, Concept, Coin, Code + Practice, Risks, and AdvantagesAt first it was only a mobile app: I thought the project was useless for me. But it turned out there is a beta version of the web interface. So I decided to analyze the project.AuditTeamThere is no link to the team page or LinkedIn on the website. But I found out that the Liquid project was developed by a team of highly qualified specialists from New York with significant experience in quantitat...
Blind devEthos: a reputation service for X accounts and more. Analysis of the team, concept, coin, code, and …
Share Dialog
Share Dialog
No comments yet