Holidays are here, and I know sometimes it's hard to find shoes for sneaker heads So today I'm going to be giving you guys 15 different affordable Air Jordan sneakers under 300 bucks So let's go ahead and get started with the first shoe the Air Jordan 4 midnight navy now This shoe in particular is not exactly the same as the white cement Air Jordan 4 which has been coveted for years And we always love to see that one retro especially with the Nike air on the back But these are similar to that shoe and a lot of sneaker heads still appreciate this colorway So I think these would definitely be a good gift for a sneaker head next up on the list We have a highly slept on shoe and is the fire red Air Jordan 3 these are reselling right around the retail price And that's a good thing because this is a classic model and a classic og colorway And I can guarantee you right now these shoe is gonna go up in value And you're gonna be mad that you didn't get it now because later you're gonna be spending 350 400 bucks on the same exact shoe some people may say I'm crazy, but just give it a couple years It's gonna happen So not only is this a dope colorway But a great investment for a young sneaker head as well if they're just getting into the game Because this will be a valuable asset to their collection later down the line Now I know there's been a lot of hype behind Air Jordan ones and honestly, I'm really surprised about this one We got the taxi Air Jordan one and these are hitting just over retail price as well right under that $200 mark But retail and Jordan ones used to be 170 pushing up to 180 But either way these are a very affordable price to get right now saying that they came out earlier in the year And you can still grab this shoe for right around that same price I think they did a really good job on the colorway and the materials and then obviously the Air Jordan one has been a really Hyped up model over the past few years some people say is fizzling off But at the end of the day the Jordan one will always be around and if you're a Steelers fan like me This is definitely a cop Let me know what you guys think about these down below in the comment section if you do have any of these shoes Let everybody else know as well how you feel about them because some people may be interested in purchasing some of these And we want to give everybody as much feedback as possible to help them make the best decisions for gifts for other people Or for themselves as well and before we get into the next shoe if you didn't know by now My name is DJ and this is the DNA show But with all that being said let's take it to the next shoe And that's the Jordan brand holiday special Air Jordan 11 cherry every year for the past 10 plus years Jordan brand has been releasing Air Jordan 11's to the public during the Christmas time in December and that's become the new holiday sneaker that Everybody goes after each and every year so the shoe hasn't come out yet But right now the resell market if you want to get it early or lock in a pair You can find these for under 300 bucks or you can try to be patient and get the shoe for the retail price Which I will be making a video on how to cop this shoe for retail, but that's gonna be around that 200 $220 mark. I don't know the exact retail price I still got to look it up But either way if you want to save that 50 or 60 bucks you can be patient and wait during that time But again if you strike out the resell price might end up going up in value later to that 300 $350 price point typically that's how it goes when it comes to Jordan 11's when it comes to the holiday releases So that's always something to take into account when you think about picking up the latest Air Jordan 11's for the holiday Next up on the list is a shoe that not that many people talk about but every time you do talk about it People love it and it is the Air Jordan 6 UNC. I'm personally a huge fan of Air Jordan 6's So I had to put these on the list But I think the colorway is extremely dope some people don't like to tag on the back end of the foot But at the end of the day, I know a lot of people that really do like this shoe And they did a really good job when it comes to materials and to say that these are hitting for under 250 bucks Just over the retail price point to me I think that's a really good deal sixes take about three to four years to go up in value But once they start hitting next thing, you know, they can be a 350 or $400 shoe So again potentially a good investment or a great gift for somebody to hold on to and have in their collection Wear it and if they decide to sell it or trade it They'll still be able to maintain that same value in the sneakers So that's always the thing that I like to think about too And not not everybody likes to talk about value and all that stuff because these may be gifts and those things But it is always cool to know being a sneakerhead that you can trade different models and work your way up and get different things So I like to talk about it and mention it at the same time too just for those that are thinking about that Next up we got three dope colorways when it comes to these so we're gonna go rapid fire on this one We have the air Jordan one low neutral gray the white and gray colorway extremely clean. You can literally rock these with everything It's a low og cut some people may be complaining about the swoosh size and all the other stuff But at the end of the day, we always know the retro lows compared to the og lows The og lows just tend to be better when it comes to quality materials cut and overall look on the foot So that's why I'm using three og low colorways for this video So that one in particular has been everybody's favorite shoe and to see the price be just over that $200 price point some resale shops might be selling it for more But you can guaranteed get it for under 300 bucks that shoe in particular I have multiple pairs of it my wife has multiple pairs of it all my friends have multiple pairs of it That's a shoe that you just love to have any time of the year a great gift And I probably I can't guarantee you but I could say a lot of people are gonna be really really happy if you got This shoe for them because it's like a everyday essential people are gonna be excited to have this and rock it in their rotation So for that one in particular I had to put on the list and to go alongside with that one something That's even more affordable the UNC Air Jordan one low og this colorway is extremely clean. I like the materials I like how they did this shoe. I'm excited to have these in my collection again I know friends and family that have it in their collection They rock them all the time and to see these going for just over retail It's kind of crazy to me because there was a lot of hype and then now it's kind of slowly fizzling down and obviously You know the economy everything is just kind of rough right now. So I get that as well So we're trying to find the best affordable options, but when it comes to low og's the UNC Air Jordan one low Yeah, you can not go wrong with these. It's got that black toe vibe to it I know you can't wear it with every single outfit, but I can guarantee you when you pull it off what it fit They definitely look clean on foot and for the third og Air Jordan one low We got the mystic Navy Air Jordan one So these are similar to the Royals except for it's got more of that Navy vibe Some people did and didn't like the mixture of materials and how they finished the leathers because it's a little bit more Shiny on the black and duller on the Navy areas So it kind of gives you that weird kind of contrast when it comes to the sheen of the shoe and how it goes with your outfit and everything Like that that is something to take into account if you haven't seen the shoe in person yet But what I can say is again, I have that shoe as well. It's in my rotation I wear these and then it's a dark shoe so I can wear it in the fall time anytime in the summer Whatever I want to rock the shoe. It's a great shoe for any type of weather, but I love the sneaker I think it's a great affordable option as well And I'm sure a lot of people that have this shoe they can comment down below in the comment section how they feel But I'm sure you know maybe eight out of ten or nine times out of ten People are still satisfied with the shoe based on the price and the model and the color way and how Universal it is with different outfits and things like that So for me had to put it on the list now Let's take it to the next shoe because we got some more bangers to get through that is the Olympic Air Jordan 7 Now I've been slowly patiently waiting for the price to go down on these and it's starting to get to the point Where I'm ready to pull the trigger I don't have these yet in my collection But seeing the size 13 hitting for around 250 bucks and the retail was around low 200s to me That's like indicator like I'm ready to cop. I know for a fact. Okay again I keep saying I know for a fact but I have a strong feeling that These are going to go up in value and I'm gonna be happy that I got them now and not only for the value purposes But for the fact that I don't want to be waiting and waiting and waiting and waiting and the next thing You know they start going up in value and I'm like damn now I got to pay 400 bucks 600 bucks whatever it is and some people say how do you think that this shoe is gonna be worth? 600 700 800 bucks well if you look at the trains in the past from the trophy room collection any of the models We're talking Jordan 16 Jordan 17s even the higher models that not that many people like even if you look at those Right there the resell prices are gonna be around that 600 700 800 bucks for those higher models as well So when I think about a number like this one is the Air Jordan 7 and the same trends cuz this what happened before I remember the 23s were sitting people didn't even want them They didn't even want to pay retail and you look at the resell prices now and is double all that stuff and everything So I think you give it a little bit of time It's more limited than a classic GR sneaker and because of that the price is gonna shoot up And you're gonna be happy that you got the shoe now And that's why I'm on the hunt to get the shoe because I wasn't able to get it for retail But for it to hit just a little bit over retail definitely a sneaker that I plan on adding to my collection in the next couple weeks So stay tuned for that because I will be getting those and you know I'm gonna be making a review for you guys as well But anyways, I think that's a great pickup a great addition for your collection or a great gift for somebody Get in something that's a little bit more different a little bit more exclusive You know I'm saying you don't want to have something that's like everybody got this type Of shoe so I think for the switch up and something like that And if you think this is a good model that fits for somebody as a gift I think this is a great option for this price speaking of another great option when it comes to materials This next one right here is a great shoe We got the UNC to Chicago women's Air Jordan one now these came out in extended sizes And I do have these in my collection so they did make a 14 and a half in women's to fit me in a size 13 This was extended size run So that means a lot of people can purchase this shoe and a lot of people slept on the shoe But I'm telling you right now and again you can ask people in the comment section the materials on this shoe They did a really really good job and to see these hidden for just around 200 250 bucks I think is a great affordable option anybody that has this shoe is gonna be excited about it They're gonna love it soon as they get the shoe in hand because I'm telling you the materials are nice I think this colorway is extremely dope again. You can't wear this with every single thing But as another gift for a sneaker head, I think they would appreciate it So I figured we had to put these on the list now if you're looking for something That's a little bit cheaper or something that you could find in a retail store You have the heritage Air Jordan one now the retail on these is a hundred and seventy bucks But retail right now is around a hundred and forty to a hundred and fifty bucks So you might be able to find these on sale or you can just go the retail route But if you want the retail route you might be paying more money So it all depends on where you find the shoe at and who you get it from but at the end of the day You can either get this shoe for retail or below retail some people love it Some people hate it There was a lot of hype behind it until it came out next thing you know the prices plummeted That's when the whole market of everything started to plummet So it all kind of made sense and aligned with that But either way if you think that somebody likes more of a brighter shoe like this with the more dominant white color on it This would be a great option definitely when it comes to something that's around that hundred and fifty dollar price point And that's not even breaking into that two hundred or two hundred and fifty dollar price point now next up on the list We have the Air Jordan 4 infrared so this shoe right here is very affordable when it comes to Jordan 4s Because if you look at all the 4s that are out right now that are coming out or that recently came out in the past They're all at like three fifty four hundred four fifty five hundred six hundred all those prices are extremely high So it's slim pickings when it comes to Jordan 4s, but I think this infrared colorway I don't think it's the best one ever But at the same time you can makes it what a lot of different outfits and it's not like it looks like a terrible shoe This is definitely a shoe that I wouldn't mind having in my collection So I may try put it on the list and again There's a bunch of other shoes that we didn't get to put on the list And I hope that you guys can put those down in the comment section as well for affordable options under 300 to help Everybody else out, but either way I think this is a really good shoe seeing these around 250 bucks when it comes to the resale So if you want to add this to somebody's collection or get it for yourself I think it's a good price point right now and again I think these could potentially go up to that three twenty five three fifty just a little bit more time from now Maybe by next summer or something like that now next up right here. We got the double whammy We got the DJ Khaled Air Jordan 5s now We got the sale colorway and we got the crimson bliss and honestly I was surprised by this I didn't think they would go down to that two hundred and fifty dollar price point hitting just over retail We know the shoe recently came out and there was a lot of hype before it We were seeing prices around thousand dollars and different things like that So I was like, okay, you know, maybe the shoe might be worth, you know, three fifty four fifty somewhere around there And then in time it could potentially go up But we know it's an air Jordan 5 and not everybody likes Air Jordan 5s the way it may fit on the foot How big the tongue is different things like that the bubbles around the ankle which I talked about before the Califives don't have the bubbles around the ankle So it does give it more of a sleek finish to the shoe around the ankle area, but again the tongue is pretty large I know it's not as padded as the other one is so that does gives you again more of a sleek look But again, it's still a bulky shoe. So I understand if some people don't like it So maybe you should do a little bit of background research before you go and purchase this shoe for somebody now I think they will like it either way because of the materials They did a really really good job on the materials when you think of standard Air Jordan 5s And you think of a collaboration type shoe like this typically when you see a collaboration You're gonna see nicer materials on a shoe if you want to see a full review of the entire set of the purple blues sail and crimson I have that on my channel as well if you guys want to check that out But either way they did a really good job on this shoe. I think it's well worth having in the collection I'm glad to have these in my collection. I love the shoes. I think they did a really good job I wouldn't say this is sneaker of the year or anything like that But overall I think it was a nice collaboration especially with this being DJ Khaled's first collaboration that actually came out to the public Now next up right here. We have the Air Jordan one high. Oh, gee Rebellionaire now there was a lot of hype behind this and we thought like yo this might be a thousand dollars shoe 800 bucks something like that and then the price just kept going down It's finally starting to settle. So right now you're gonna be able to find these for 275 300 325 depending on who you're buying from 250, you know It all may vary depending on sizing and different things like that, but the rebellion era I think is another great option again. I have these in my collection I love the shoe. I think they did a really good job on these and I'm interested to see What happens with this shoe in the future? I think everybody that has the shoe likes the shoe and not that many people bought it if they didn't like it and Some people aren't really like investing into this shoe and different things like that So I think if you find that somebody actually likes this sneaker I think this will be a really good gift for them because again Not every single sneaker is about investing into it and all the other things It's simply like at the end of the day buy what you like or get what you think somebody may like because this is a gift video But either way I think that this is a great shoe for the people that do like it So if you like these definitely a cop if you don't like them pass up on them I completely understand it's got a lot of stuff going on on the sneaker and again I've done a full review on these in the past as well if you want to see more details or more storytelling about this Sneaker, so I'm interested to see what you guys think Hopefully this was helpful if you guys want to see any other videos like this Let me know down below in the comment section and happy holidays. I'll see you on another one. All right y'all. I'm out Yo before you go I just launched my sneaker head Academy where we got everything on the inside I teach you all the stuff that I learned over the past 15 years when it comes to sneakers scaling real estate You name it we talk about all of it in there and there's a eight-week program plus a bunch of monthly giveaways I give away shoes literally way too much honestly, but either way I'll see you guys on the inside hit the link down below in my description or pinned in the comments section for DJ sneaker head Academy and I'll see you guys over there


So yeah, I'm Ben, my Twitter GitHub handle is binhumz. I've got the slides for tonight on my website. So if you want to click on links, follow along, whatever. There's a lot of links today and if you wanna follow up, they're right there. So go there. Thank you. Can you all hear me okay? So yeah, I work for a company called Zesty. We're based in Cherry Hill, San Francisco. We're like a corporate wellness company doing catering. And if you're interested in coming joining us, please come and talk to me after the show. Yeah, so as I say, I'm talking about web accessibility and what I want to cover today is how websites can be inaccessible, where you can go and learn about accessibility, you can do to find out if you're a website is accessible. And some specific stuff to Ember, where can we make EmberJS more accessible. I'm not gonna start talking about why you should be building accessible websites. I feel like that's pretty obvious and yeah, I don't know. I don't wanna guilt-trip anybody into anything. So first of all, how can websites be inaccessible? The first one that a lot of people think of is people who are visually impaired will not be able to access the content that you've put out into your website for whatever reasons. This isn't just being blind. This isn't full, not being able to see whatsoever. You can have limited vision. You can be bad at picking out colors that are really similar to each other. You might have color blindness, which is again not full monochrome black and white. It might be that you confuse two specific certain colors. And a lot of users will be working with a really small screen or a screen that's been magnified. One particular thing that we'll see a lot is when users are navigating our websites, they're quite often only looking at a small chunk of the website and not the entire thing. So we need to be careful that we're making sure that the context is not something that's absolutely required if you're zoomed in on a particular part of the website. Users might not be able to move. This is specifically making assumptions about using our website with a keyboard or with a mouse. There's other things as well, things like touch actions, for example. If we're working with mobile, that's a thing. Specifically, a really good way to work this out is if you try just using your website with just a keyboard, you'll probably find it's absolutely infuriating. Some people navigate web pages through switches, either just pressing a button when they're like, yeah, I want to hit that thing. It just scrolls through the page and they hit a switch. Or they have some kind of greater level of mobility there.  So these are things to be aware of. Hearing, if you have audio content on your website and the user can't hear, obviously, they're not gonna be able to access your content. The obvious way around this is through captioning. Text comprehension is a way that your web content can be inaccessible, and this comes down to cognitive disabilities, learning disabilities, sure. But actually language is a big one here. If you're trying to look at a website, you don't understand language, fine. And this can also be part of what we'll look at is how age might be a factor in how accessible your content is. Particularly, for example, with mobility. If somebody shakes a lot, that's a way that you can be making your content inaccessible. And similarly, if somebody's really young, text comprehension can be really difficult. Environmental factors, it's not just about people being disabled. This can be particular temporary moments. I like to do a lot of language learning. And there's websites I really like using and I can't use them on the bus, for example, because they involve some kind of audible component. So I'm just like, I can't use this content whatsoever. So particular examples are if you're in low lighting, a loud area, you're not gonna be able to hear things. If you don't want to disturb the people around you. And things like if you're driving to work, I don't know how many people use websites when they're driving to work, but it came up as an example. Similarly, device limitations are gonna potentially cause accessibility problems. Mobile devices, I feel, I don't know. I hate mobile devices, personally. And I feel really old when I say that. But like smart TVs, for example, are a thing they have web browsers now, apparently. Right, there we go. So people are using all sorts of things to look at the internet, cars included, apparently. So sometimes you might be in a situation where click events are not a thing, right? It's actually touch events. And similarly, we now have specs coming through for like specifically pointers, which is relevant to VR stuff. So I don't know if people browse the internet using like an Oculus Rift or something, but that's also a point. You can't just have like click navigation.  They like take up so much space and they're really difficult to use. And similarly, if you're relying on text to speech, this can be a potential problem. I think like personally, I really like the idea of using like text to speech and speech recognition in mobile is like a way around the problems with like onscreen keyboards. But the other thing, if like you're working with a platform that has like really bad support or really bad tooling, this can be a problem.  If you've got invalid HTML, this is like, you know, gonna be an issue here. Similarly, like if somebody's using really old browser or if there's like some kind of character encoding problem, a lot of this stuff is things that I thought were a total thing of the past, but actually things like character encoding, okay, you know, you can just say like, all right, everybody use UTF-8. But actually, for example, and we'll get onto this, a lot of devices that people use when they can't use like traditional keyboards and mice. A lot of them don't support UTF-8 for stuff like this. So one thing is that your user might actually be a robot.  And so being able to acceptance test your website is a good indication that it's successful because the robot can call it. So yeah, as I mentioned, people are using more like other technologies than just like your monitor, your keyboard, your mouse that you're familiar with. So it's good to have these in mind when you're building a website. Screen readers are for people that can't see so well. They'll go through the website from top to bottom, just like linearize the entire thing and just speak it to you. So this is like text-to-speech stuff. Some people use Braille keyboards and Braille displays which are really cool. I've never heard of them before I started researching this talk. And like I say, switch devices are the types of input. So I don't know if this will work, but okay, totally not working. But this is an example of like, oh, okay, so we can hear it. Yeah, so you get an idea. This is how people browse the internet when they can't see. It's really annoying.  But this is what people are used to, familiar with. Braille keyboards are so cool. So Braille is representing regular letters, numbers, as dots, and people in conjunction with having like a text-to-speech can like get these raised dots to like come up and down and read Braille of like, you know, their Android phone. So you can see these dots here, like moving up and down to show you where the cursor is. I think that's just amazing. And similar, there's also some like technology that people are coming up with to make it easier to type, like using Braille and stuff like that. I've been generally really impressed with, I'm talking about where there's a platform and how accessibility applies to that. But I've actually generally been massively impressed with how mobile supports accessibility. I've always thought that mobile would be less accessible, but it's really great. So the general theme here for like a lot of like what you can do is if you've got text content, try to provide non-text content. And similarly, if you've got non-text content, try and provide some text content. That's like general rule of thumb. So if you have text, non-text that can like, you know, non-text options that are out there, icons, images that like represent what you're trying to, like the content that you're trying to put across there, like great. You can pre-record speech for your website in like, this is actually one of the recommendations from like W3C because the current state is apparently that the text-to-speech is not good enough yet. So like they actually recommend that you record your website spoken out. Braille representations of text. And this is one thing that I saw recommended and I'm not fully aware of the nuances of why you do it, but making a video recording of your text content in sign language. So this is for sighted people. So they can read, but that was a suggestion as well. So I'm interested to like hear more about that if anybody knows. If you've got things like multimedia, images, audio, video, they're typically inaccessible. Providing text representations of these is like really good way to go. And a lot of the way you can do this is through video captioning and like captioning images through, you know, that you can provide HTML attributes for all of this stuff. And we're seeing a lot of really good stuff with AI auto captioning stuff. I tried out Microsoft as this thing. I gave it an image of me holding a cat. And it says, I think it's a woman holding a cat. She seems happy. Is that you? I think you look 54% like Josh Gillett. And it's not completely wrong. I don't know. I'm not that surly. I similarly, Facebook have rolled out this thing where admittedly it's for their adverts. So I don't really like, I'm not fully on board, but they're automatically captioning video adverts, which is great. So like web stuff specifically. We have a markup language. I think a lot of people approach, especially, you know, I don't know, some engineers really hate any kind of like style and design. Like I shouldn't have to learn CSS. But I think a lot of people use the markup language from a point of view of like visual display. And actually it provides a huge amount of structure there that helps assistive technology and like general accessibility concerns. If you compare this to like a format like PDF, which is how I've put my slides together. So not very accessible, but like HTML actually provides a huge amount of structure for people to get at the content that you're trying to put across. And one thing that the W3C specs like put across is trying to separate in your mind the idea of content structure and presentation. So with the example of like an H2 tag, for example, the actual like words that you're putting in like I don't know, new comment is the content. The structure is that it's in like this H2 tag and that it's like a heading in like the context, the rest of the document. And the presentation is that, okay, you know, maybe it's like a bit bolder, it's a bit bigger, it stands out a little bit, it's got some margin on it. So yeah, HTML has a lot of accessibility features built in. I'm not gonna go through all of them tell you like how to do this stuff. It's actually really easy to look up a good example of this and this is actually the example that I get trolled with Capybara for all the time. Like I say, I want to fill in car description with whatever. The four attribute on a label corresponds to the ID attribute on the input. It's like super simple, but putting that together means that you can have your label somewhere else on the page and your input like will be linked up to it. It'll have that context, stuff like that. There's some as well you can get trolled by. I thought that this was really great and then I found out that it's not supported by anybody. So in HTML5 they introduced these like things for describing the structure of your documents. So like header, this is a header, this is a footer, this is like some kind of section. They're not supported by browsers or by assistive technology at all. So there's like even audit software out there now that will go through your website and check that you're not doing this stuff because it will come out as a completely flat document with no structuring it whatsoever. So the suggestion is that if you're gonna use section you should like use still H1, H2, H3, H4 to determine like this is the nested content of my structure. Web accessibility, I actually really don't like like formal documents, spec documents, whatever it is. They're all super boring, but this was actually really interesting to read and it's actually quite short. There's like 14 guidelines. They have a list of checkpoints for each guideline that you can go through and just say like, does it do this, does it do this, does it do this? It tells you like what priority you should be like, how much you should care about this stuff and it gives you techniques for how to do it and tells you like what the current support is. So like if you don't own a Braille keyboard it will tell you this isn't like really supported very much by anybody. So and also there's like a little bit of arcane stuff like frames and image maps, which I'm pretty sure nobody like ever uses these days. So I'm just gonna quickly blitz through these because there's only 14 of them and we should all know these. The first is provided equivalent alternatives to auditory visual content. This is stuff like alt attributes. There's a long desk attribute you can use as well. Providing captions and an auditory track. These are all like recommendations here. Don't rely on color alone. You can like, yeah, this is to do with being like colorblind or visually impaired. If you like, if color is the thing that's like actually presenting your content, that's a big no-no. Use markup and style sheets and do so properly. So this is partly like don't use a table to like decide the structure of your entire website or even better like, you know, just make an image of the thing that you're wanting to like display and put it. I don't think anybody does that anymore but like that's part of the recommendation. Natural language uses, you can actually like specify what language your content is in. So if you've got a text to speech thing, it can like switch into Spanish mode by just saying, hey, this bit's in Spanish and like stuff like that's super important. You can also like, if you're providing an abbreviation that's not clear, you can like there's markup for providing an expansion of what that is. Creating tables that transform gracefully. They talk about transforming gracefully a lot and I don't really know what it means. But things like you can use the TH field to indicate that this is a heading. And yeah, T-head, T-body, T-foot, use them to group rows. Like it's simple stuff but it actually helps people out a lot. Ensure that pages featuring new technologies transform gracefully. This is another thing. New technology is apparently JavaScript. Yeah. Yeah. Yeah. But I guess the question is, can your website work without Starsheets? Can it work without JavaScript? And are your event handlers device independent? So this is like what I was saying about clicks and stuff like that. That's not necessarily device independent. Ensure that control of time sensitive content changes. This is stuff like don't use marquee or like blink. So yeah, I'm breaking all the rules. No flickering. You want to be able to stop pages that auto-update. If people are really slowly moving through the page and your page is changing at a million miles an hour or auto-refreshing, that's really annoying. So providing people the opportunity to pause that is great. Ensure direct accessibility of embedded user interfaces. So I don't actually have any notes about this. I think this is like, if you've got like a video. Great. Object tag. Design for device independence. Logical event handlers. So we said about that like, don't use event handlers that are terrible. Tab index is like a thing that you can say to be like, I'm navigating the page by just hitting tab. Is all your form elements appearing in a natural order? I mean, I think that's just like not being really annoying. Like even as somebody who's very able at using websites, I can hit tab and still get infuriated by things. Keyboard shortcuts are like actually massively helpful to people besides just like navigating GitHub. You can, like a lot of people, especially people using switches will define macros. So it's not just a thing of like, oh, I have to like hit tab eight times. Like they'll just like define a macro that takes them to this page and does this thing that they want to do. So like actually providing keyboard shortcuts that are sensible in your website is just massively useful again. Using interim solutions. Again, super vague sounding thing that they have loads of instructions about it. This is things like doing the right thing with your labels. So providing labels for your forms, setting them out properly. Yeah, and this is actually like, so this is for like technology that hasn't caught up.  So I don't know how much that's the case anymore because like I like to think that the stuff that like Chrome and Apple are doing here is just totally up to date, Nathan shaking his head. Maybe not. Use W3C technologies, you're part of the club now. So they say stuff like, don't use Shockwave, don't use PDF, it's really inaccessible. Use MathML and HTML and stuff like that. I don't know, I'm preaching to the choir I think. Provide content with context and orientation information. So this is stuff like the title attribute. I'm pretty sure every Ember app I've ever made just has the same title attribute for every single page. I don't know, has anybody put any effort into changing their titles? I don't like. That also applies to like, if you've got a group of options, you can use like an opt group element to like group them all together. And similarly like form content can be grouped together using field set and legend. Clear navigation mechanisms is like an obvious thing. Provide good link text. It says stuff like navigation bars are good for people, obviously I think a lot of this stuff is pretty obvious. Think about providing a site map. And a lot of screen readers for example, when you're navigating a website through a screen reader, I don't know if you've ever, if you see somebody who's a total pro at it, they're like, they're very quick at just recognizing from the start of a link or the start of a heading, like no, this content's not for me. So if it's like, this is a picture of blah, blah, blah, like that's not massively helpful.  Finally ensure that documents are clear and simple. This is just the thing of just like, make sure your language is simple and clear. Don't be too complicated. What I'm not touching on here is this like slightly bigger thing, which is really cool again. This is specifically for like rich internet applications. There's a group of people putting together guidelines and whenever you see like area stuff and you're kind of like, what's all that? It's a lot of what my understanding is that it's for like saying, this like really random little component that I've made, it does this kind of thing. So that's an interesting one to read up on for sure. W3C is on GitHub, who knew? There's loads of stuff there. There's also a Slack channel. Ryan Florence I think is in it maybe, we'll see. There's a talk that Jamie White gave the London Ember Meetup I recommend. I've not been able to find a recording of it, but there are slides with lots of links. I've basically copied all of the links and content in his talk and put it in my talk. So these are all fantastic talks that you can check out. They're slightly English centric. A lot of these people are English, which I can only say is a good thing. BBC provide a lot of guidance on how to make your websites accessible. So do the UK government actually. The guys at, this is the government digital service, have a load of amazing stuff, open source stuff. I'm sure you've all seen them before, but they also have some accessibility guidelines. They're very good. On the topic of working out if your website is accessible, I think a lot of people know that you can just manually verify stuff. And there's varying degrees of effort that you can put in. One of these is just try navigating with a keyboard, like put your mouse aside. If you feel like a pro hacker, you can do everything with a keyboard, right? Screen readers actually is really easy to turn on in OSX and in your iPhone, probably Android, I don't know. Just try it out. See what that feels like, see what that navigation flow is, even if you just do it once, you'll very clearly, very quickly see this is really painful. Try disabling star sheets. Does it like, is the order of the content sensible? Text-only browsers, I wouldn't recommend using links, but see what you could do to actually just pull out the text content itself and see if that's sensible. I was very inaccessible a few years ago, well, like a long time ago, when I was trying to set up some kind of extremely custom, the next distribution, and I just couldn't use the internet, so links was my only option, and yeah. Also, just make your resolution really small, see what that looks like. Some people are using really beefed up font sizes and stuff, so this is, I guess, kind of like testing for mobile, but if you've got a responsive website, maybe that'll help. There's a bunch of accessibility tools on GitHub, this link, check it out. It's like, the most interesting stuff, I think, is audit tools, but there's jQuery stuff, there's links to all sorts of different, I don't know, check it out. One of the resources that's there is like, most of these are provided by W3C, are things that will tell you what all of the English names are and all the different keyboard codes are, so when you start mashing your keyboard and you're trying to add them, keyboard shortcuts, this will tell you what that is, so these are useful. Audit tools is a massive thing of this, so instead of going through your website and manually checking everything, you can have a tool that will just introduce it to your CI, whatever, it'll automatically go through and point out things that just don't lend well to being accessible. So you can get this as a browser extension, just run it as a one-time check or install it into your CI. A couple of examples of audit tools that are out there that are some accessibility tools provided by Google, they do lots of stuff, the Chrome team, lots of accessibility stuff there. So you can get that as a Chrome plugin, you can run it from the command line as well, so that's super helpful. Oh, I have a video, fancy. So yeah, this introduces an audit section to your browser panel, and you can just say, right, I just want to audit accessibility and it'll pull up a bunch of different warnings, different priorities. Axe is another one out there. Yeah, we'll see that, it's very popular. Tenon is a third-party one you can use as well, they have like a pretty comprehensive suite of checks, I've not tried using it myself, but yeah. There's some framework-specific ones, you'd be surprised to hear. I've not looked into them massively, except for the number one maybe. Yeah, so React and Angular all have their things. I think Ember A11-wide testing is using Axe, is that right, that's right, okay, cool. So yeah, the idea here is that you can just install this, drop this in, and it's ready with everything you're doing. I'll get onto that stuff. I guess I'll get onto it now. How can we make Ember JS accessible? So there's a lot of big gains that we can make from having this framework, having these common practices, everybody all works in the same way, so it's pretty easy to distribute stuff like this Ember A11-wide testing, which just like everybody downloads it, I hope you will download it tonight and just start putting it into your CI tools. We have like an accessibility team, so this is a team of people getting together, complimenting each other about the once-in-a-fort night. We all get very confused about different ways of speaking English. We've put together, oh, this is the team, there's some people there. There's Ember A11-wide testing, we're putting that into the domain of this group. I'm thinking about putting together like a colorblind simulator. I've played around with WebGL filters and they're kind of easy enough, but I don't know if you can just apply it to a whole web page very easily. If anybody wants to come and hack on this with me, do come up and say hello. I'm sure you could probably do it with CSS or something either, either way, I'm sure, like Eric's CSS stuff, maybe. Nope, nope. Templating the thing is a massive boon. We're seeing this come more and more into the spotlight. We held a hack day at Zesty and did a bit of work on that and we've just seen it move forward from there. Actually, this is one area that if everybody's got template linting installed, we can just start giving advice to people about how to do accessibility for their templates that are very specific handlebars advice. The other thing that I have to say is that already you've got valid HTML or your divs are gonna be closed and stuff like that just from using Ember, so that's great. Fastboot, we say about JavaScript being a super modern technology and you should try your website without it, but actually we can kind of. Fastboot should be a way of getting yourself together a nice little HTML page. Your website will be more accessible just by dropping it in, I hope. It's not like waving a magic wand, maybe it is. And similarly, I'm interested in exploring how we can look at actions. Are we being irresponsible with a click event handler? Does the native Ember input helper just do the right thing? This is something where we can look at making Ember a bit better for this stuff. Page titles as well. I looked into this having never set up a page title is actually really, really easy. There's this item and you just install it. You say, hey, look, give me a title and they even nest them with your nested roots. So it's beautiful, really easy to do. If any of you are interested in getting involved, we have a Slack channel where all the people from Ember A11Y, we're chilling out there, we're lurking. This is on the EmberJS community Slack channel. You can get to that through the EmberJS website. We're putting together a demo app. And this is mainly with the intention of providing a space for people who are developing assistive technologies to come along and just test Ember out. So we're like, we've got loads of examples of typical uses of standard EmberJS and a collection of the really common add-ons that are out there that people are using. And part of the intention here is that we should be able to really quickly spot any areas where we're not doing things as well as we could. I think one thing that I'm personally extremely excited about is in two days, this is on Thursday, there is this global accessibility awareness day. And as a community, I'm hoping we get loads of EmberJS people to muck in and take the day out to if you can convince your boss to say, right, today I'm going to work on getting accessibility together for our website or helping out with some of these community contributions. Have a look at the EmberJS blog. There's a post from today. Nathan over here, do talk to him, tell him all his spelling errors and stuff. There's a bunch of links on there for ways that you can get involved. They are offering pairing sessions, so you can just go onto the website, sign up, organize a pairing session with one of us. There's also a mailing list and stuff, so have a look at that. And there's all sorts of talks, panels, things happening. You can have a look at the global accessibility awareness day website. There's going to be a talk from Google I.O. that I'm excited about seeing. Yeah, loads of cool stuff. This is my desktop. Any questions? I do not want to see what this looks like with a screen reader. Can you imagine? Torture. That sounds good. I'm trying to get it to fill up as much as possible. It's kind of, on a small screen, it looks much better. Any questions? Two questions. The question is, what's the easiest thing that somebody could do if they have an hour to improve the accessibility of their website? I think, personally, the best thing to do besides hooking up, I mean, you could just hook up Ember A11Y testing into your CI and then you'd like reap the benefits of annoying all of your colleagues. But personally, I think just going through with a keyboard, trying to like tab through, see what everything looks like. Turn on the screen reader. Just browse through your website, try it out. It's horrible. Yes? Good question. So the question was, if you wanted to see a real like best in class experience of using a screen reader, where would you go? What would that look like? My answer is that I have no idea. But Nathan might have an idea. Facebook. Facebook? Facebook is really good apparently. Yeah. So like, yeah, go have a look at Facebook. I've heard that Facebook is actually also really good on mobile. So that's like double accolade right there. Okay, great.


Today, we're gonna pull this string. That's all the video right now.


GoMillion vs. Lightfoot. This is a LibriVox recording. All LibriVox recordings are in the public domain. For more information or to volunteer, please visit LibriVox.org. Recording by Kelly Robinson in Birmingham, Alabama. GoMillion vs. Lightfoot, an opinion of the United States Supreme Court, decided on November 14, 1960. Please note. This is a reading of the opinion of the court only. For ease of listening, this reading omits legal citations and footnotes found within the text of the court's opinion. Mr. Justice Frankfurter delivered the opinion of the court. This litigation challenges the validity under the United States Constitution of Local Act No. 140, passed by the Legislature of Alabama in 1957, redefining the boundaries of the city of Tuskegee. Petitioners, Negro citizens of Alabama who were, at the time of this redistricting measure, Residents of the City of Tuskegee, brought in action in the United States District Court for the Middle District of Alabama for a declaratory judgment that Act 140 is unconstitutional and for an injunction to restrain the mayor and officers of Tuskegee and the officials of Making County, Alabama from enforcing the Act against them and other Negroes similarly situated. Petitioners claim is that enforcement of the statute, which alters the shape of Tuskegee from a square to an uncouth 28-sided figure, will constitute a discrimination against them in violation of the due process and equal protection clauses of the 14th Amendment to the Constitution and will deny them the right to vote in defiance of the 15th Amendment. The respondents moved for dismissal of the action for failure to state a claim upon which relief could be granted and for lack of jurisdiction of the District Court. The court granted the motion stating, this court has no control over, no supervision over, and no power to change any boundaries of municipal corporations fixed by a duly convened and elected legislative body acting for the people in the state of Alabama. On appeal, the Court of Appeals for the Fifth Circuit affirmed the judgment, one judge dissenting. We brought the case here since serious questions were raised concerning the power of a state over its municipalities in relation to the 14th and 15th Amendments. At this stage of the litigation, we are not concerned with the truth of the allegations. That is, the ability of petitioners to sustain their allegations by proof. The sole question is whether the allegations entitle them to make good on their claim that they are being denied rights under the United States Constitution. The complaint charging that Act 140 is a device to disenfranchise Negro citizens alleges the following facts. Prior to Act 140, the city of Tuskegee was square in shape. The Act transformed it into a strangely irregular 28-sided figure, as indicated in the diagram appended to this opinion. The essential inevitable effect of this redefinition of Tuskegee's boundaries is to remove from the city all save four or five of its 400 Negro voters, while not removing a single white voter or resident. The result of the Act is to deprive the Negro petitioners discriminatorily of the benefits of residents in Tuskegee, including Interalia, the right to vote in municipal elections. These allegations, if proven, would abundantly establish that Act 140 was not an ordinary geographic redistricting measure, even within familiar abuses of gerrymandering. If these allegations upon a trial remained uncontradicted or unqualifying, the conclusion would be irresistible. Tantamont for all practical purposes to a mathematical demonstration that the legislation is solely concerned with segregating white and colored voters by fencing Negro citizens out of town, so as to deprive them of their pre-existing municipal vote. It is difficult to appreciate what stands in the way of a judging a statute, having this inevitable effect invalid in light of the principles by which this court must judge. And uniformly has judged statutes that, howsoever speciously defined, obviously discriminate against colored citizens. The 15th Amendment nullifies sophisticated as well as simple-minded modes of discrimination. The complaint amply alleges a claim of racial discrimination. Against this claim, the respondents have never suggested, either in their brief or an oral argument, any countervailing municipal function which Act 140 is designed to serve. The respondents invoke generalities expressing the state's unrestricted power, unlimited, that is, by the United States Constitution, to establish, destroy, or reorganize by contraction or expansion its political subdivisions. To it, cities, counties, and other local units. We freely recognize the breadth and importance of this aspect of the state's political power. To exalt this power into an absolute is to misconceive the reach and rule of this court's decisions, in the leading case of Hunter v. City of Pittsburgh, and related cases relied upon by respondents. The Hunter case involved a claim by citizens of Allegheny, Pennsylvania, that the General Assembly of that state could not direct a consolidation of their city and Pittsburgh over the objection of a majority of the Allegheny voters. It was alleged that while Allegheny already had made numerous civic improvements, Pittsburgh was only then planning to undertake such improvements, and that the annexation would therefore greatly increase the tax burden on Allegheny residents. All that the case held was number one that there is no implied contract between a city and its residents that their taxes will be spent solely for the benefit of that city. And number two that a citizen of one municipality is not deprived of property without due process of law by being subjected to increased tax burdens as a result of the consolidation of his city with another. Related cases upon which the respondents also rely such as City of Trenton v. State of New Jersey, City of Pajuska v. Pajuska Oil and Gas Company, and Laramie County commissioners v. Albany County commissioners are far off the mark. They are authority only for the principle that no constitutionally protected contractual obligation arises between a state and its subordinate governmental entities solely as a result of their relationship. In short, the cases that have come before this court regarding legislation by states dealing with their political subdivisions fall into two classes. Number one, those in which it is claimed that the state by virtue of the prohibition against impairment of the obligation of contract, Article 1, Section 10, and of the Due Process Clause of the 14th Amendment is without power to extinguish or alter the boundaries of an existing municipality. And number two, in which it is claimed that the state has no power to change the identity of a municipality whereby citizens of a pre-existing municipality suffer serious economic disadvantage. Neither of these claims is supported by such a specific limitation upon state power as confines the states under the 15th Amendment. As to the first category, it is obvious that the creations of municipalities, clearly a political act, does not come within the conception of a contract under the Dartmouth College case. As to the second, if one principle clearly emerges from the numerous decisions of this court dealing with taxation, it is that the Due Process Clause affords no immunity against mere inequalities in tax burdens, nor does it afford protection against their increase as an indirect consequence of a state's exercise of its political powers. Particularly in dealing with claims under broad provisions of the Constitution, which derive content by an interpretive process of inclusion and exclusion, it is imperative that generalizations based on and qualified by the concrete situations that gave rise to them must not be applied out of context in disregard of variant controlling facts. Thus a correct reading of the seemingly unconfined dicta of Hunter and Kindred cases is not that the state has plenary power to manipulate in every conceivable way for every conceivable purpose the affairs of its municipal corporations, but rather that the state's authority is unrestrained by the particular prohibitions of the Constitution considered in those cases. The Hunter opinion itself intimates that a state legislature may not be omnipotent even as to the disposition of some types of property owned by municipal corporations. Further, other cases in this court have refused to allow a state to abolish a municipality or alter its boundaries or merge it with another city. Without preserving to the creditors of the old city some effective recourse for the collection of debts owed them. For example, in Port of Mobile versus United States ex-Relatione Watson, the court said where the resource for the payment of the bonds of a municipal corporation is the power of taxation existing when the bonds were issued. Any law which withdraws or limits the taxing power and leaves no adequate means for the payment of the bonds is forbidden by the Constitution of the United States and is null and void. This line of authority conclusively shows that the court has never acknowledged that the states have power to do as they will with municipal corporations regardless of consequences. Legislative control of municipalities no less than other state power lies within the scope of relevant limitations imposed by the United States Constitution. The observation in Graham versus Folsom becomes relevant. The power of the state to alter or destroy its corporations is not greater than the power of the state to repeal its legislation. In that case which involved the attempt by state officials to evade the collection of taxes to discharge the obligations of an extinguished township, Mr. Justice McKenna writing for the court went on to point out with reference to the Mount Pleasant and Mobile cases. It was argued in those cases as it is argued in this that such alteration or destruction of the subordinate governmental divisions was a proper exercise of legislative power to which creditors had to submit. The arguments did not prevail. It was answered as we now answer it that such power, extensive though it is, is met and overcome by the provision of the Constitution of the United States which forbids a state from passing any law and pairing the obligation of contracts. If all this is so, in regard to the constitutional protection of contracts, it should be equally true that, to paraphrase, such power, extensive though it is, is met and overcome by the 15th amendment to the Constitution of the United States which forbids a state from passing any law which deprives a citizen of his vote because of his race. The opposite conclusion urged upon us by respondents would sanction the achievement by a state of any impairment of voting rights whatever so long as it was cloaked in the garb of the realignment of political subdivisions. It is inconceivable that guarantees embedded in the Constitution of the United States may thus be manipulated out of existence. The respondents find another barrier to the trial of this case in Colgrove v. Green. In that case the court passed on an Illinois law governing the arrangement of congressional districts within that state. The complaint rested upon the disparity of population between the different districts which rendered the effectiveness of each individual's vote in some districts far less than in others. This disparity came to pass solely through shifts in population between 1901 when Illinois organized its congressional districts and 1946 when the complaint was lodged. During this entire period elections were held under the district scheme devised in 1901. The court affirmed the dismissal of the complaint on the ground that it presented a subject not meat for agedication. The decisive facts in this case which at this stage must be taken as proved are wholly different from the considerations found controlling in Colgrove. That case involved a complaint of discriminatory apportionment of congressional districts. The appellants in Colgrove complained only of a dilution of the strength of their votes as a result of legislative inaction over a course of many years. The petitioners here complained that affirmative legislative action deprives them of their votes and the consequent advantages that the ballot affords. When a legislature thus singles out a readily isolated segment of a racial minority for special discriminatory treatment it violates the 15th amendment. In no case involving unequal weight in voting distribution that has come before the court did the decision sanction a differentiation on racial lines whereby approval was given to unequivocal withdrawal of the vote solely from colored citizens. Apart from all else these considerations lift this controversy out of the so-called political arena and into the conventional sphere of constitutional litigation. In some as Mr. Justice Holmes remarked when dealing with a related situation in Nixon versus Herndon of course the petition concerns political action but the objection that the subject matter of the suit is political is little more than a play upon words. A statute which is alleged to have worked unconstitutional deprivations of petitioner's rights is not immune to attack simply because the mechanism employed by the legislature is a redefinition of municipal boundaries. According to the allegations here made the Alabama legislature has not merely redrawn the Tuskegee City limits with incidental inconvenience to the petitioners. It is more accurate to say that it has deprived the petitioners of the municipal franchise and consequent rights and to that end it has incidentally changed the city's boundaries. While informed this is merely an act redefining meets and bounds if the allegations are established the inescapable human effect of this essay in geometry and geography is to despoil colored citizens and only colored citizens of their their to for enjoyed voting rights. That was no coal grove versus green. When a state exercises power wholly within the domain of state interest it is insulated from federal judicial review. But such insulation is not carried over when state power is used as an instrument for circumventing a federally protected right. This principle has had many applications. It has long been recognized in cases which have prohibited a state from exploiting a power acknowledged to be absolute in an isolated context to justify the imposition of an unconstitutional condition. What the court has said in those cases is equally applicable here. That acts generally lawful may become unlawful when done to accomplish an unlawful end and a constitutional power cannot be used by way of condition to attain an unconstitutional result. The petitioners are entitled to prove their allegations at trial. For these reasons the principal conclusions of the district court and the court of appeals are clearly erroneous and the decision below must be reversed. Reversed. End of Gomelian versus Lightfoot. An opinion of the United States Supreme Court.


I really, I really should make this heathen wear a mask. Do you have one? It's probably, you really should, Max. He was going to give me a kiss. Dude, there's three dead birds. There's three of them. I know. Can you believe that?  Yep, get the hips, get in a good habit.  There you go. Just back a little bit more, back, back, back. But not the chest that much. When you start with the wider base, yeah, you'll be more there. Good. That was really close and I like that throw a lot. No, it's coming, look at that. That was nice, keep the shoulder level. You need to push and pull it behind so you're landing there. You're kind of doing this, right? You're doing this. You see that? Look where your shoulder's at. So now it pulls around. Or the left behind the right. That was the right idea. Everybody's gonna be shocked when all of a sudden. See, you're doing this. This isn't right, you're doing this. This moves this. Get over it. Stay level through it so you can turn through it and hit the shot this way. Max, you gotta keep pushing that left knee down and around. Night structural stuff. Look at my joint here. Right? See how I can just give my whole thing? Yours doesn't move like that. When you do it, your whole, you do this.  I'm trying to think, do I stay taller? Or do I, if I come around lower? That's a fucking, that's different. I don't know if he is with COVID. That was pretty nice. That was a nice one, Jay. Your hip wasn't bad, wasn't bad, but the hip would come around and push off the left. Always push off that left. Keep it heel, push off of it. See, that was much better. Now your right can go this way because the left facilitates the rotation. And that keeps your hips, yeah. You know what Max? That was okay though. Just your elbow got funky, but that was better movement. All right, so this is where you like to move. So your head has to stay here. You can move your head. This is more head movement than I want, but that's you and your throw. You can't let your head drift here. You see that? This is where it is. So now you're actually gonna be falling in. Your head has to stay here so you can take the long path into the throw. Just watch where it's at, that's better. Yeah, that was nice. This one level, taller, smoother. There, that's how you work around that tight. That was pretty good. Minus your elbow dropped and it just came off your hand, but when we do this, you kind of go. See how you're like this? Instead of this. Stretch your shoulder, feel the wrap. Right, you'll under rotate. Right out of the back. Not bad. Right leads, right leads. That was a lot better, Sarah. That was a lot closer actually. That's gonna give you that extra degrees on the knee. See, Max, you went in like this again. Wait, wait, wait, do it again. Wait, wait. Yeah, there you go.