SuiteCRM 7.10 preview

We are in the same situation, our London office do have blind users and low vision users that need to have a compliant tool to work with…
SuiteR is not full compliant but workable, SuiteP is not workable (I am fully sighted and having issues with SuiteP as is) … We do have many other blind users (employees) over the world.

We will stick with 7.8 until there is an accessible theme or an upgrade safe way to modify SuiteP if we absolutely need to use this one while upgrading to 7.10. This is sad because I am very excited to use a “clean” or renovated SuiteCRM version…

btw “accessible” … i.e. conforms to “Disabilities Discrimination act” regarding vision impairement…

Guys, you ARE the Community resources to fix this. Let’s get this solved.

Which of the “styles” (dawn, disk, etc) of the new SuiteP do you think is closest to being ok for your requirements?

Let’s start from there, and list the changes that need to be made. These new palettes are here because you (and me!) asked for them, and they’re still in process, so let’s ask for what is still lacking, I’m sure it’s not that complicated… to my eyes several of the new styles look much easier to read than the original SuiteP.

Respectfully, when I hear something like “our London office”, that denotes that the organization is of sufficient size to warrant heavier-duty IT support.

I “get it” that some might be charitable organizations with limited resources and funding, but there comes a point when adequate support must be provided … and that comes at a price. Some things cannot be operated on a shoe-string. There is no way around that!

Any large entity using an open source solution cannot … and should not … expect all their specific IT needs to be provided, gratis.

Lest we forget … CRM users are many and varied and SA is a business. Businesses exist to make a profit!

Agree on the blind users and others with special needs: issues must be solved. But how?
The ones that have the needs (or have them in their business) must get involved and start the work.
It won’t happen if you don’t get involved, as its too difficult to provide by the “others”.

7.10 will have color variations. Start with one of those and request a special variation for blinded people on github.

  • Make a list of what needs to be changed first
  • Create code proposals
  • Ask for approval.

There is no other way to do this!
(Note: same goes for the other users who would love a different color variation)

On the other issues: I agree, even the non-blind people ave troubles with the actual color scheme of the forum (an easy fix would solve this but they didn’t accepted it yet).
This in fact shows that SalesAgility do not take issues as User interface and usability very seriously!

And even if you can’t propose the code changes, merely asking for the exact changes needed might go a long way. Thanks!

@paullm I have a client with two offices in different cities, but their total employee count is under 20, so please don’t assume that implies a big organisation. The client that needs this to be accessible is a charity, so resources are limited. As I previously said, yes this is open source software, those of us who do not pay anything to SalesAgility can’t expect anything in return. But SalesAgilities paying customers (of which I assume there are some!) do deserve (and should expect) software which is complaint with basic legislative requirements, so do this for them, not for us. If it makes the non-paying users happy as well, then that is merely a bonus! Also, having a product which shows good design and thought about these issues is good for business.

@pqr, From an aesthetic point of view I prefer “Day”. “Dark” is marginally better in terms of contrast but it’s marginal. To be honest, they are all equally bad, but if you want one to concentrate on go for “Day”. It is visually closer to SuiteR, so it’s less likely to cause howls of protest simply because it represents the smallest change visually. Changing the colour palette as well highlights the fact there has been a major change and makes it more likely there will be complaints, simply because people are more likely to notice. To be honest, if you had stuck to the blue pallet with SuiteP/7.9, you might have (just) gotten away with the other changes.

In terms of what needs to be improved, just apply a simple rule, more contrast. Review all the major text groups and use a colour contrast analyser to make sure they meet WCAG guidelines. If you want a “bad” example, open the calendar with the day theme. This is a mass of washed out pale text on a pale backgrounds. eg, the Date headers only have about one third of the necessary contrast to pass WCAG criteria. Also, when testing, please bear in mind different screens don’t render colours the same, so a combination that “looks ok” a brand new high spec monitor might be barely readable on something older. I have a WCAG colour checker extension installed on my browser to make it easy.

The second most important point is that I can’t find a way to set the default sub-theme. You seem to be stuck with dawn until you go and change it in your profile. This also means that you are stuck with “dawn” on the login page regardless, which uses pale grey text on white in the login box. I’m guessing that I can force this by disabling the other themes in the underlying theme code, so that will probably happen.

One further thought, I’d personally be tempted to dump the spindly all caps font used for the headings and use something compact but more chunky. On my display the browser default font used for SuiteR is more readable at smaller font sizes regardless of the contrast that that used in SuiteP. However, that might be just me, so it’s not a deal breaker.

@paullm yes, we are contributing in the following ways, 1- as any other member that share problems and solutions, 2 - by purchasing modules (outlook per example)…
and no we are not a large organisation… 2 IT guys for the whole cie.
My point about London is about our tools must respect the law…

There is an old saying… “there is no free lunch”…

What mystifies me about that accessibility problems were highlighted in Suite 7.9. SalesAgility clearly realised that something needed to be done, otherwise they wouldn’t have gone and developed the sub-themes mechanism with 4 sub-themes. Since budget clearly existed at that point to do this work, it’s a mystery to me why the spec for those themes didn’t include a requirement for at least one of them to meet accessibility requirements (or at least be no worse than SuiteR). The cost difference would have been marginal, vs the business benefit of widening the appeal of SuiteCRM.

You’ve made your point, now calm down, please, there’s no need to repeat it.

It’s actually very easy to explain with a metaphor: vision problems. Different people see different things, right?

I look at the SuiteP screens and I see sharp, defined text that I can read. You don’t, and many people don’t.

But that’s like what’s happening also in the software development decisions: you see sharp, defined requirements for accessibility, where other people have no idea what you’re talking about. It is not obvious to me or to other developers and designers that the current four options for colours are (all of them) terrible to read. I look at those colours, but I don’t see what you see. I don’t see lack of contrast, because it’s not a problem for my eyes.

So just show some respect for this particular kind of blindness: not seeing accessibility requirements so evidently as you. :slight_smile:

You and bmwtourer are the closest thing that SalesAgility has to having accessibility experts to consult with. So: you’ve made your accessiblity reports, they’ve been noted, now let’s try to work that into the development plan. Resources are limited, of course. But we are still in Beta and this doesn’t haven’t to be too difficult, so I’m optimistic.

@bmwtourer … I think your response above was actually to horus68’s comments.

@tim1mw … I would argue that an employee count of “under 20” is still a reasonably-sized organization and if you are going to employ open-sourced, web-based software, you will do yourself a big favour by having at least one person with some basic knowledge of CSS, HTML, etc. So much of CSS is just setting/changing parameters in a configuration file (i.e. style.css).

The problems you have highlighted are obviously not problems to most SuiteCRM users. I’m not discounting the special requirements of your particular users, but with some quite basic CSS understanding, your problems are actually quite easy to fix.

Hi tim1mw,

I completely agree that the names of the colours do not use meaning-full names. They are not meant to be meaning-full names. Some of the feedback we received, was that you needed to change a colour in multiple locations. So I moved them into a style-sheet. This enables theme creators to use a colour picker in the browser to find the colour value in the colour palette stylesheet. So they can change all the areas which use that colour.

It’s not a perfect system. It is a work in progress. I would be interested in what you would call the colours in the palette. I am thinking of create two sets for each colour, eg $bg-color-n and a $fg-color-n. fg would control icon color, textual items. bg would control the background of buttons, and other areas which are blocked out.

It’s also worth mentioning that the variables style sheet is where the “good” variable names exist. They are grouped by the area of the CRM they effect. The sass files will enable us to generate styles more effectively.

Thank you for your feedback. Happy Holidays!

1 Like

I’m not an expert, but I would create 2 designs.
Design 1 - would be AAA compliant (even if not that pretty!). That would also require bigger fonts.
Design 2 - would be AA compliant (safe but more prettier!).
This would bring SuiteCRM ok regarding WCAG ACCESSIBLE COLORS.

====== For designers: Use one of this online tools to test the contrast colors level:
Accessible-colors - http://accessible-colors.com
Webaim - https://webaim.org/resources/contrastchecker/
Contrast Checker (AcartComm) https://contrastchecker.com/

======= For webmasters: Extensions for Chrome:

1 Like

My previous reply had too many links and I had to cut it

========== To read:
Official WCAG 2.0 specification : https://www.w3.org/TR/WCAG20/

Contrast (Minimum): Understanding SC 1.4.3
https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html

Checklist and recommendations for implementing HTML-related principles and techniques for those seeking WCAG 2.0 conformance
https://webaim.org/standards/wcag/checklist

====== As for screen-readers
this is not my area but maybe start here and find some :
Screen Readers and CSS: Are We Going Out of Style (and into Content)? https://webaim.org/blog/screen-readers-and-css/

======= Webmaster challenge
Please see a statement list that every site should be able to place in their “accessibility info page” regarding:
Standards compliance / Structural Markup / Images / Links / Forms / Scripts / Visual design
https://www.ahead.org/accessibility

1 Like

https://github.com/salesagility/SuiteCRM/issues/new

Anyone can go open up a new issue. I’m not seeing anything about WCAG spec at all.

Everyone knows this is a free open source project. If you have a problem with something not working at least help ease the leg work by suggesting what needs to be changed in a clear concise manner. You don’t have to implement the change if you don’t know how; but a clean issue with a check list of places that need to be changed with screenshots showing why would go a long way for someone else to come along and make the quick color change to one of the existing themes.

4 Likes

I totally agree with you! I’m not an expert on Web Accessibility. I already work too many hours for SuiteCRM community but I will create the Git issue.

Notes:

  • I’m not expecting that SuiteCRM will ever be “A level” compliant WCAG 2.0 (some specs are truly difficult to achieve.
  • But for color contrast the “AAA” levels easy to achieve!

So my previous comments here was only to avoid those who question color contrast on SuiteCRM.
As now there will be styles implemented, then SalesAgility should have one fo AAA contrast color. That would end those questions!

is there any way to unsubscripe this topic? I cannot find any place here to do this, subribe seems to be a one-way road???

Thanks,
Thomas.

There is a good site improve accessibility extension for chrome:
https://chrome.google.com/webstore/detail/siteimprove-accessibility/efcfolpjihicnikpmhnmphjhhpiclljc

Git issue created:
https://github.com/salesagility/SuiteCRM/issues/4776

On the forum topic:
it would be useful to split this topic on web accessibility comments so the topic could go back “on topic”!

@Oddl make sure you are logged in to the forums, and then you will easily find an unsubscribe button at the top of the thread, and another one at the bottom. Sorry this one went off-topic… or maybe not completely off-topic, but very busy on a particular front that doesn’t concern everybody! :slight_smile: