I'm attempting to make my company's online software documentation ADA-accessible. We have several JavaScript elements that are currently not accessible to a screen reader. The one I'm working on is a set of tabs that show/hide content depending on which one you click. I am trying to use ARIA tags to make the tabs accessible. I have based my code off of this page, with some modifications. Namely, they use <a> tags as the active element and I do not want to use <a> tags.

While I'm able to get the tabs to work fine for me (a sighted person), testing with a screen reader shows mixed results. I can get the tabs to work using the Windows Narrator screen reader on Microsoft Edge in Windows 10, but not Chrome or Firefox in Windows 11. In those configurations, it is impossible to switch tabs. (I haven't tested every possible permutation, but it's probably a browser issue.) I don't know why this is happening because I have set up all my ARIA tags, and it does work on Edge.

Can anyone help me understand what I'm doing wrong so I can debug the issue and improve the code? Requirements are:

• The first tab must be selected (showing content) by default. Other tab content must be hidden by default, except the tab button to click on
• Sighted users must be able to navigate between tabs by clicking on the tab headers via mouse
• Visually impaired users must be able to navigate between tabs via keyboard/screen reader
• The presence, function, and usage of the tabs must be clear to the screen reader
• I do not want to use an <a> tag nested in the <li> as the active element because this causes the page to jump around when sighted users click on it. I would like the entire "button" (right now, the <li> tag) to be clickable.
• Must work on all/most common browsers and popular operating systems

I suspect this is a JS issue, but I'm at a loss here and I don't know how to proceed.

<ul class="tabs-list" role="tablist">
    <li class="tab current" aria-controls="example-1" aria-selected="true" href="#example-1" id="tab-example-1" role="tab">Example 1</li>
    <li class="tab" aria-controls="example-2" aria-selected="false" href="#example-2" id="tab-example-2" role="tab">Example 2</li>
    <li class="tab" aria-controls="example-3" aria-selected="false" href="#example-3" id="tab-example-3" role="tab">Example 3</li>
</ul>

<div aria-labelledby="tab-example-1" class="tab-panel current" id="example-1" role="tabpanel">
    <p>Example 1 content goes here</p>
</div>

<div aria-labelledby="tab-example-2" class="tab-panel hidden" id="example-2" role="tabpanel">
    <p>Example 2 content goes here</p>
</div>

<div aria-labelledby="tab-example-3" class="tab-panel hidden" id="example-3" role="tabpanel">
    <p>Example 3 content goes here</p>
</div>

ul.tabs-list {
	margin-left: 2px;
	margin-right: 2px;
	padding: 0px;
	list-style: none;
	position: relative;
    line-height: 8pt;
}

ul.tabs-list:after
{
	position: absolute;
	content: "";
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #ddd;
}

ul.tabs-list li {
	color: #333;
	display: inline-block;
	padding: 10px 10px;
	cursor: pointer;
	position: relative;
	z-index: 0;
}

ul.tabs-list li.current {
	background: #fff;
	color: #d9232e;
	border-top: 1px solid #ddd;
	border-bottom: 0px solid white;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	z-index: 100;
}
 
ul.tabs-list li:hover {
	background: #c2c2c2;
	color: #000;
	display: inline-block;
	padding: 10px 10px;
	cursor: pointer;
	border: 1px solid transparent;
}

ul.tabs-list li.current:hover {
	background: #fff;
	color: #d9232e;
	margin-left: 0px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid transparent;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	z-index: 2;
}

div.tab-panel {
	display: none;
	background: #ededed;
	padding: 15px;
	background-color: transparent;
}

div.tab-panel.current {
	display: inherit;
}

$(function(){
  var index = 0;
  var $tabs = $('li.tab');

  $tabs.bind(
  {
    // on keydown,
    // determine which tab to select
    keydown: function(ev){
      var LEFT_ARROW = 37;
      var UP_ARROW = 38;
      var RIGHT_ARROW = 39;
      var DOWN_ARROW = 40;

      var k = ev.which || ev.keyCode;

      // if the key pressed was an arrow key
      if (k >= LEFT_ARROW && k <= DOWN_ARROW){
        // move left one tab for left and up arrows
        if (k == LEFT_ARROW || k == UP_ARROW){
          if (index > 0) {
            index--;
          }
          // unless you are on the first tab,
          // in which case select the last tab.
          else {
            index = $tabs.length - 1;
          }
        }

        // move right one tab for right and down arrows
        else if (k == RIGHT_ARROW || k == DOWN_ARROW){
          if (index < ($tabs.length - 1)){
            index++;
          }
          // unless you're at the last tab,
          // in which case select the first one
          else {
            index = 0;
          }
        }

        // trigger a click event on the tab to move to
        $($tabs.get(index)).click();
        ev.preventDefault();
      }
    },

    // just make the clicked tab the selected one
    click: function(ev){
      index = $.inArray(this, $tabs.get());
      setFocus();
      ev.preventDefault();
    }
  });

  var setFocus = function(){
    // undo tab control selected state,
    // and make them not selectable with the tab key
    // (all tabs)
    $tabs.attr(
    {
      tabindex: '-1',
      'aria-selected': 'false'
    });

    // hide all tab panels.
    $('.tab-panel').removeClass('current');

    // make the selected tab the selected one, shift focus to it
    $($tabs.get(index)).attr(
    {
      tabindex: '0',
      'aria-selected': 'true'
    }).focus();

    // handle <li> current class (for coloring the tabs)
    $($tabs.get(index)).siblings().removeClass('current');
    $($tabs.get(index)).addClass('current');

    // add a current class also to the tab panel
    // controlled by the clicked tab
    $("#"+$($tabs.get(index)).attr('aria-controls')).addClass('current');
  };
});

I want to keep this short and sweet:

I used Macrium Reflect to clone a Windows 11 install from one bad SSD to a new one. I had to reinstall to repair the Windows install, but it's a done deal, but I feel burned by Macrium and want to find an alternative.

I was wondering if anybody had any leads on great cloning software for general use? I'm willing to pay money, and it can be online or offline software (in OS or via USB).

I have two drives, a 4TB and 1TB HDDI'm cloning to 4TB SSDs to have on newer devices, since these two are quite old and I got a deal on a pair of Crucial SSDs on Amazon (a brand/line I'm familiar with, they're good drives). These largely have games that aren't installed, legacy data old music rips I want access to, and currently active user profiles.

My goal: clone the partitions over to the new drives, pop them in with hopefully the same drive letters, and expand the partitions to use all free space and be done with it. Ideally I would also have tool I can recommend to others without concern, assuming they have basic computer literacy.

Will CloneZilla do this just fine? Is there anything better, proprietary or otherwise? Any idea how long this can be expected to take over Sata II (I've got a hotswap port I'll be cloning to outside my case, then popping it open to swap the drives).

Hi folks

Keeping in with the theme of people of Tildes are generally really good people (hopefully), I may have a gig early next year that I want a quote on for a network redesign. It's not massive at 3 sites of roughly 100 people per site, 2 sites are dark fibred together, a couple of IPSec routes between UK and USA. It's mostly building out IP subnets, correct router and firewall configs, vLANing up the sites correctly.

If anyone is interested or knows anyone, please reach out to me on this thread for a bit more info, we can take it from there.

Else, I'm going to reach out to some UK based tech companies for the work. You may ask "Why not do this yourself?" That would require planning and testing which I don't have enough time for; I'd rather a Pro designed, and implemented.

This is a recurring post to discuss programming or other technical projects that we've been working on. Tell us about one of your recent projects, either at work or personal projects. What's interesting about it? Are you having trouble with anything?

Hello folks

Recently we've been playing with Powershell and having to move on to graph to do all the fancy things we want to achieve. MS forced this when they suddenly decided the MSOnline module was retired and things stopped working.

We've built a great New Team with SharePoint and including folders script. One of the things we used to do with the PNP module is set folder permission on two of the folders in a new team, making them only accessible to Owners. How the devil does one achieve this with Graph?

Any pointers would be grand.

General Programming Q&A thread! Ask any questions about programming, answer the questions of other users, or post suggestions for future threads.

Don't forget to format your code using the triple backticks or tildes:

Here is my schema:

```sql
CREATE TABLE article_to_warehouse (
  article_id   INTEGER
, warehouse_id INTEGER
)
;
```

How do I add a `UNIQUE` constraint?

The end of the year is approaching fast and I still have some educational budget to spend. Therefore I would love to hear your suggestions for educational resources to spend some money on.

I'm open for all suggestions, but I would love to dive more into low level programming. I spend most of my work time as a backend dev. And it is nice for a change to something else than REST-endpoints.
At the beginning of the year, I bought the amazing Crafting Interpreters by Robert Nystrom and I'm enjoying tremendously.

So any recommendations going into the same direction or similar deep dives into topics like OS-dev, Game dev/graphics (tiny renderer comes to my mind) or writing emulators would be appreciated.

To get the discussion started, my top recommendation for his year would be Crafting Interpreters by Robert Nystrom.
If you are interested in the inner workings of interpreter and compilers and want a nice "program-along" book get it. I would recommend the paper-version, it is a beautiful book.

This is a recurring post to discuss programming or other technical projects that we've been working on. Tell us about one of your recent projects, either at work or personal projects. What's interesting about it? Are you having trouble with anything?

I am asking as I have just created one. I won't advertise it here, as it feels not in good faith and I don't think Tildes is the right audience (I imagine most of the techies here are probably fairly seasoned).

I want to offer some kind of programming tuition to people at a good rate (read: affordable to those that might be on a low income but wish to learn). I am doing this to raise money for my local cardiology ward, who have just been told there isn't enough in the budget to cover their Christmas party this year. Morale is low there, and I'd like to help cover the deficit.

How would you structure something like this?

Initially, I have written that I have no set fee and am happy to offer services on case-by-case basis (words to that effect). But in a discussion with a friend, they suggested I should do something like:

• Small donation (£1 - £25): Access to a chatroom (Discord?) where someone can ask questions, and I'll strive to answer and help them as fast as possible)
• Medium donation (£25 - £50): I will arrange a group session where I cover some basic programming concepts and host a Q&A at the end to help bridge any gaps in understanding.
• Large donation (£50+): I will arrange a one-to-one session (via call, video or instant messaging) where I will help go more in-depth on a topic or help debug a specific problem.

If anyone has any experience with this type of thing, I'd appreciate any advice. I have only been a professional software developer for three years, so I am reasonably experienced, but not exactly an industry veteran. I want to set realistic expectations for this service.

I'm happy to share a link to the open collective via private message if anyone wants to have a look over it and offer any advice.

This is a recurring post to discuss programming or other technical projects that we've been working on. Tell us about one of your recent projects, either at work or personal projects. What's interesting about it? Are you having trouble with anything?

I'm looking to get a new laptop for when I want to go work at a coffee shop or something.

I have seen the Framework laptops and like the idea of a modular computer you can upgrade or repair.

I'm a little hesitant though. The last laptop I tried was to buy a Pinebook a year or two ago. I got it, turned it on once and it worked fine, but then after that it would just get a black screen when I powered it on. Some posts online indicated that it might be because the memory card wasn't seated properly and it might fix the problem to reseat it. But the tiny screws on the bottom were really tight and I ended up stripping one of them while trying to open it up, so now I just have a laptop I've used once collecting dust.

I want to make sure I have an easier experience with my next computer. Can anyone attest to the reliability of the Framework 13?

General Programming Q&A thread! Ask any questions about programming, answer the questions of other users, or post suggestions for future threads.

Don't forget to format your code using the triple backticks or tildes:

Here is my schema:

```sql
CREATE TABLE article_to_warehouse (
  article_id   INTEGER
, warehouse_id INTEGER
)
;
```

How do I add a `UNIQUE` constraint?

I'm a technical writer. My company sells DevOps software mostly operated on the command line. I'm responsible for explaining this software via HTML5 documentation on our website.

One of our largest customers employs at least one software developer who is "totally blind" and requires a screen reader to work. I assume others exist, but they have not contacted us. Unfortunately, our website is not 100% ADA-compliant. It's far from the worst I've seen, but it could be a lot better.

I'm familiar with high-level web accessibility paradigms and am currently doing an informal audit of our website to determine what we need to improve to make it fully ADA-compliant. I've prioritized discovery for accessibility concerns in our next sprint. Eventually, I'd like to look into hiring a consultant to do a more robust analysis, but only if necessary because I'd need to request funding. Unfortunately, I have limited control over the text that displays in our product, just the documentation. Long-term, I'd like to collaborate with the product team to ensure our CLI is fully ADA-compliant.

I've begun reading web accessibility materials from the government. In the meantime, I wanted to ask: are any of you blind or low-vision, or have you used screen readers in the past? Or do you know any blind/low-vision devs? Either way, can you provide any personal insight into any of the things I can do as a technical writer to improve the usability of software documentation for the purpose of enabling you to do your job? My goal is to make the documentation experience great for screen reader users, not just OK.

This is a recurring post to discuss programming or other technical projects that we've been working on. Tell us about one of your recent projects, either at work or personal projects. What's interesting about it? Are you having trouble with anything?

I'm seeing a lot of news in my feed about Qualcomm chips approaching laptop performance, such as

https://arstechnica.com/gadgets/2023/10/qualcomm-snapdragon-x-elite-looks-like-the-windows-worlds-answer-to-apple-silicon/

https://www.anandtech.com/show/21105/qualcomm-previews-snapdragon-x-elite-soc-oryon-cpu-starts-in-laptops-

https://www.theregister.com/2023/10/24/qualcomm_x_elite/

Will this turn out any better than the last few times Microsoft tried to break away from Intel? Would you want such a laptop? Will it wake Intel out of its complacency?

This is a recurring post to discuss programming or other technical projects that we've been working on. Tell us about one of your recent projects, either at work or personal projects. What's interesting about it? Are you having trouble with anything?

Hey everyone! Just wanted to share that Immersive Labs has rolled out their "Haunted Halloween" challenges for 2023. For those unfamiliar, Immersive Labs offers a platform for interactive, gamified learning in the realm of cybersecurity. They've been known to host challenges that test and enhance cyber skills.

You can sign up for free using code HAUNTEDHOLLOW to try it out hubs.ly/Q026LTZV0.

Now, I'm not posting this solely out of altruism. I could use some help on the 'Mirrored Mayhem' task.

Would appreciate any pointers or hints from anyone who's tackled this challenge. Thanks in advance!

Hello,

I have quite some technical question and my DuckDuckGo-fu seems very weak on this one. I hope it is ok to post questions on Tildes, as it is not really discussion material... but someone can still learn and use whatever come from this.

I have Live Aid concert that I ripped from my DVDs and I wanted to merge the individual video files (there are four) into one long video. I'm on Linux and I'm used to ffmpeg in command line, though I do not know it that much. Each of the input videos has its own chapters and I would like to transfer those chapters into the final video as well. Preferably adding a chapter in between every input video.

I was unable to find if ffmpeg allows for something like that in a single inline command. I may have to export chapters from each input video and add them into one "chapter" file and redo times by hand on them and then use this file as "chapter" input when merging the videos, but all this is just a theory on my part.

Is there some FFmpeg expert here who has done something like that?

Hey all, I'm interested in going down the rabbit hole with Ubiquiti equipment or other manufacturers, more specifically with access points, routers, and a switch. I want to ween off my ISP-supplied all-in-one equipment as their newer hardware limits basic features such as port forwarding, and I'm interested in re-enabling my self-hosted software. Wi-Fi standards have been moving pretty quickly, as have hardware. What setups do you have established in your homes?

I don't really have a budget in mind, and have a 2.5GbE port I'd like to utilize for media consumption over LAN.

General Programming Q&A thread! Ask any questions about programming, answer the questions of other users, or post suggestions for future threads.

Don't forget to format your code using the triple backticks or tildes:

Here is my schema:

```sql
CREATE TABLE article_to_warehouse (
  article_id   INTEGER
, warehouse_id INTEGER
)
;
```

How do I add a `UNIQUE` constraint?

This is a recurring post to discuss programming or other technical projects that we've been working on. Tell us about one of your recent projects, either at work or personal projects. What's interesting about it? Are you having trouble with anything?

Between "enshittification" and my general admiration for hobbyist websites, I have felt more and more pressed to learn how to make the websites I want to see and offer it at low cost. At the same time, people usually have to maintain their day jobs and development expenses. I am curious how easy or difficult it is for people to do. (Also, I guess please share your small website if you'd like)

This is a recurring post to discuss programming or other technical projects that we've been working on. Tell us about one of your recent projects, either at work or personal projects. What's interesting about it? Are you having trouble with anything?

Does anyone else in here use powershell as a sysadmin? If you do, do you also feel the agitation and drive to want to throw yourself down a stair case face first through frustration?

I hit a wall a couple of weeks ago due to the deprecation of msonline and with this believed it would be good to move to PS7. What I didn't realise is how much of an absolute jar of jam and mustard mix Powershell is. Core, Desktop, modules and clashing assemblies. Trying to combine ps7 core with AD, AzureAD and having to use Graph for license management - urgh!

I just spent two days writing up an amazing script with functions and arrays to load modules, connect to Entra, get licensing info with nice math, turn that in to a menu, create local AD user and sync, license in EntraID, mailbox enable and sync location, the works.

Then, something changed in a module update. Locally in the OneDrive I had 2.6.1 of graph users and Auth, that was playing well with AzureAD in core, but OS had 2.7.0 of graph. I cleared out my modules and it's broken everything, even on reinstallation.

How in the bloody Hell is Powershell ever supposed to be used and stable when module inconsistencies exist everywhere? I pulled down AzureAD again to find it no longer connects in PowerShell 7 core due to assembly version issues. I use the switch to use Windows Powershell for the AzureAD connection to then have that break the licensing math that was working in a function.

Sigh.

I'm coming from Bash on Linux where shit just works. It works for YEARS! Very few times in my almost 30 year career have I had Bash just decide it doesn't want to work and when it does, it's documented. Powershell does not seem to make sense or be documented well.

Anyway. Rant over. Back to working out what module I need fixed at an EXACT version to make it all work again and to hope MS don't randomly deprecate it again.

EDIT and SOLVED!
I shouldn't even need to update this but after spending a lot of time debugging, it turns out that you cannot call microsoft.graph.users and microsoft.graph.users.actions as they will clash, even though they are part of the same package, you'll get assembly issues. The fix - install the whole MICROSOFT.GRAPH module, all 10k parts of it, but DO NOT IMPORT IT. Now you can import-module microsoft.graph.users and the parts from .actions will also be available without loading. I don't understand why, I'm actually past caring. I'm hoping someone else scouring the internet and hitting the same wall may stumble on this and it'll help them out. Hell, I may even blog about it. Thanks for listening to my misery.

Hi everyone,

So, I have a DS923+ with 4GB of RAM and while it is running fine most of the time with my Docker containers, I guess everything could be more fluid (e.g. scrolling on Jellyfin while it is loading info / images).

Since the Linux OS uses free RAM as cache, I was looking to buy an extra stick of RAM. I was thinking of buying a 8GB of RAM which in total my system would then have 12 GB. Not sure if overkill, but still, I run a few containers.

I’ve actually searched on the Synology subreddit, but everyone is basically buying 16GB of RAM or maxing out the GB allowed for the RAM on the DS923+. So, that is the reason why I’m asking here.

I know that Kingston has some 8GB RAM sticks which should work with DS923+ but it seems they are blacklisted by Synology, so it seems you will always have a warning on the notification list which I wanted to avoid. :/ But on that list (see here: Ram list), it seems the 8GB RAM that Synology uses is sourced from Innodisk or Adata, so you shouldn’t get any warning there. Sadly, I can’t find them anywhere for sale. Even when I contacted the companies directly.

In conclusion, has anyone bought a 8GB ECC RAM for the DS923+ which doesn’t give a DSM warning?

Thanks everyone in advance!

Cheers!