<![CDATA[ WIP: Accessible Data Grid - My Forums]]> https://forums.modx.com/thread/?thread=102309 <![CDATA[WIP: Accessible Data Grid]]> https://forums.modx.com/thread/102309/wip-accessible-data-grid?page=2#dis-post-551302
Targeting a future version of MODX (4.x) and as part of recommendations I've drafted for the MODX Advisory Board, I've been working on a data grid component that is mobile, keyboard, and screen reader accessible. Would great appreciate feedback especially from experienced assistive technology users. There are issues labeled "accessibility" and "help wanted" on GitHub:
https://github.com/jpdevries/a11y-datagrid/issues?q=is%3Aopen+is%3Aissue+label%3Aaccessibility

Demo
http://a11y-datagrid.markup.tips

Screencast (4min)
https://vimeo.com/219314498

Source
https://github.com/jpdevries/a11y-datagrid#accessible-datagrid

]]> dinocorn May 30, 2017, 12:15 AM https://forums.modx.com/thread/102309/wip-accessible-data-grid?page=2#dis-post-551302 <![CDATA[Re: WIP: Accessible Data Grid]]> https://forums.modx.com/thread/102309/wip-accessible-data-grid?page=2#dis-post-554116 muzzstick Sep 26, 2017, 06:25 AM https://forums.modx.com/thread/102309/wip-accessible-data-grid?page=2#dis-post-554116 <![CDATA[Re: WIP: Accessible Data Grid]]> https://forums.modx.com/thread/102309/wip-accessible-data-grid?page=2#dis-post-551494

BTW, I was told that there would be a SOAP server or the equivalent for getting information on current MODX versions and downloading them directly. Do you know if this has happened? It would be handy for UpgradeMODX, which currently has to communicate with both GitHub and modx.com.
]]> BobRay Jun 05, 2017, 08:32 PM https://forums.modx.com/thread/102309/wip-accessible-data-grid?page=2#dis-post-551494 <![CDATA[Re: WIP: Accessible Data Grid]]> https://forums.modx.com/thread/102309/wip-accessible-data-grid?page=2#dis-post-551472 Quote from: BobRay at Jun 01, 2017, 09:35 PM
I'm not sure about having two or more separate upgrade operations as opposed to an "Upgrade" button

I think that could be solved with an "Upgrade all compatible packages" checkbox.]]> dinocorn Jun 05, 2017, 08:07 AM https://forums.modx.com/thread/102309/wip-accessible-data-grid?page=2#dis-post-551472 <![CDATA[Re: WIP: Accessible Data Grid]]> https://forums.modx.com/thread/102309/wip-accessible-data-grid#dis-post-551408
That said, I've always wanted to see a semantic HTML Manager.]]> BobRay Jun 01, 2017, 09:35 PM https://forums.modx.com/thread/102309/wip-accessible-data-grid#dis-post-551408 <![CDATA[Re: WIP: Accessible Data Grid]]> https://forums.modx.com/thread/102309/wip-accessible-data-grid#dis-post-551372 Quote from: BobRay at Jun 01, 2017, 04:24 AM
The sloppy naming is an issue, but a much bigger one is the on-the-fly IDs that modExt generates, which can change at any time, not to mention the inline styling:

Ah, yes. I think if we adopt an HTML-first process for the next manager we won't have that issue anymore. I feel we need to be very careful not to run into the same issues with 2.x just in another way. What I mean by that is, we shouldn't go all in on React, Vue.js, Angular, or whatever as we did with ExtJS in 2.x. At least not in "the core". As awesome as React is, if we shipped it in the core years from now we'd wind up with the same kind of technical debt we are experiencing now from ExtJS.

I've started working on a Progressive Manager DRAFT that aims to protect us from this technical debt while providing the creative freedom to enhance the Manager with whatever tools you like.
https://github.com/modxcms/mab-recommendations/pull/2

The community has long pondered "what JavaScript framework should the next Manager be built with. jQuery? Angular? React". I think the answer is none of the above. In fact, that DRAFT goes as far to suggest that the MODX core, should just be the MODX core and not even ship with a Manager interface at all. Rather it would ship with a few default "core packages". One that provides the Manager interface as semantic HTML and perhaps another to style that HTML and another to enhance it. This would bring creative freedom to the MODX manager itself and decouple the front and back end allowing them to be on their own release cycle. Currently front end contributors who would like to update the Manager interface have to wait for breaking changes to happen in the backend but if we decouple that would no longer be an issue.]]> dinocorn Jun 01, 2017, 07:24 AM https://forums.modx.com/thread/102309/wip-accessible-data-grid#dis-post-551372 <![CDATA[Re: WIP: Accessible Data Grid]]> https://forums.modx.com/thread/102309/wip-accessible-data-grid#dis-post-551362 
<div class="x-tab-strip-wrap" id="ext-gen67" style="width: 1544px;">

<li id="modx-context-tabs__ext-comp-1018">


You have to examine the page in Chrome Dev. Tools or Firefox to even see them, because they don't show up at all in "View Source."]]> BobRay Jun 01, 2017, 04:24 AM https://forums.modx.com/thread/102309/wip-accessible-data-grid#dis-post-551362 <![CDATA[Re: WIP: Accessible Data Grid]]> https://forums.modx.com/thread/102309/wip-accessible-data-grid#dis-post-551342 Quote from: BobRay at May 31, 2017, 03:41 AM
I look forward to seeing the finished package. The speed is amazing.

Ya, it is pretty snappy. Would you believe me if I told you it hasn't even been completely optimized yet? With further optimization, and also with a future version of React (Fiber) it will be even faster.

Yes I agree naming should be as consistent as possible. I think some of the sloppy names just come from developers coming up with names as they code. When you are in programming mode you aren't always thinking of the most logical names. Working on consistent names and plain language sounds like something we could get the community to contribute to. If someone in the community put together a draft on how to handle such a project I'd consider sponsoring it and proposing a vote to the MAB.]]> dinocorn May 31, 2017, 10:09 AM https://forums.modx.com/thread/102309/wip-accessible-data-grid#dis-post-551342 <![CDATA[Re: WIP: Accessible Data Grid]]> https://forums.modx.com/thread/102309/wip-accessible-data-grid#dis-post-551330
One thing I really miss in the current Manager is stable, predictable element IDs for everything (e.g., id="pagetitle_caption", id="pagetitle_input", etc.). I don't see them as necessary for the grid entries (though it might be nice). But they'd be useful for the all the action elements. I mention this because I think it should be a policy to have them and integrate them into all the code from the beginning.

Not only do they give users and developers a handle to attach things to, they'd also be great for JS-based compliance/conformance testing.]]> BobRay May 31, 2017, 03:41 AM https://forums.modx.com/thread/102309/wip-accessible-data-grid#dis-post-551330 <![CDATA[Re: WIP: Accessible Data Grid]]> https://forums.modx.com/thread/102309/wip-accessible-data-grid#dis-post-551329 Quote from: BobRay at May 30, 2017, 08:17 PM
I like it when clicking again on the field selector reverses the sort direction (a la PhpMyAdmin). Clickable arrows are also nice if you don't want to scroll down to the bottom.

Yes I agree that is nice and expected. I haven't really figured out a way to make that inclusive yet, so right now clicking the column heads sorts it by that, and then down where pagination is there is the option to change the sort direction. There is also a keyboard shortcut (alt + up/down) to change sort order.

Eventually once I get to icons maybe I'll add a tiny "sort toggle" button to each column header.

I did sneak one power user feature into the "right click" menu. The ability to move a setting to another area. Imagine also being able to change a Resource's template that way. I think that would be nice.

]]> dinocorn May 30, 2017, 09:20 PM https://forums.modx.com/thread/102309/wip-accessible-data-grid#dis-post-551329